Greyed Out Drop Down Element - Page 1...

User 2056177 Photo


Registered User
232 posts

I'm finding that from a "text field element", selecting the “is not empty” option does not bring up the next question.

I have been able to solve this by using an HTML element.

This method does work but the “select an option” of the question is greyed out which requires the user to click on the question several times before the dropdown options become available.

Any suggestions would be gratefully received.
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Hi Peter,
Can you share a link to the form and or the project file.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2056177 Photo


Registered User
232 posts

Hi Eric,

I have put a link to the form which is still being tested.

If you skip the name and address bit at the top and put one letter into the email and the same letter into the verification, it will reveal the first question.

The problem is with the drop down question that appears after the 15 digit microchip number.

Hope you can shed some light on this.

Pete

www.tvbr.org.uk/test.html


User 2056177 Photo


Registered User
232 posts

fb file attached.

The greyed out question is when testing but on the actual form, the question has to be clicked a few times before it shows the options.
Pete
Attachments:
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

I took a quick look and it maybe all those scripts that have been added. You have the jquery linked on everyone where you only need it once.
It looks like you have the custom scripts hiding questions multiple times.
jQ("#item114").hide(); is on Q25 and Q28 . These can be combined
I would condense all of those scripts down to one for page loading speed and being able to solve problems.
also a lot of you targeting is duplicated.
This
jQ("input[name='Q25'],input[name='Q25']").bind('keyup blur change',function(){

can be just this.
jQ("input[name='Q25']").bind('keyup blur change',function(){

It's the scripts causing the issue. If I remove them the house trained question becomes available.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Give this a try. I commented out the interaction with that question and it now works. I'm wondering why your using custom scripts on questions that already have conditionals set.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
var jQ = $.noConflict(true);
jQ(document).ready(function(){
jQ("#item107").hide();
jQ("input[name='email1_verification'],input[name='email']" ).bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='email1_verification']" ).filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='email']" ).val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item107").show();
}else{jQ("#item107").hide();}
});

jQ("#item192").hide();
jQ("input[name='Q24']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name=‘Q24']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q24']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item192").show();
}else{jQ("#item192").hide();}
});

jQ("#item114").hide();
jQ("input[name='Q25']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q25']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q25']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item114").show();
}else{jQ("#item114").hide();}
});

jQ("#item114").hide();
jQ("input[name='Q28']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q28']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q28']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item114").show();
}else{jQ("#item114").hide();}
});

//jQ("#item121").hide();
//jQ("input[name='Q32']").bind('keyup blur change',function(){
//var jQnonempty = jQ("input[name='Q32']").filter(function() {
//return this.value != ''
//});
//var jQequals = jQ("input[name='Q32']").val();
//if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
//jQ("#item121").show();
//}else{jQ("#item121").hide();}
//});

jQ("#item119").hide();
jQ("input[name='Q35']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q35']" ).filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q35']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item119").show();
}else{jQ("#item119").hide();}
});

jQ("#item120").hide();
jQ("input[name='Q37']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q37']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q37']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item120").show();
}else{jQ("#item120").hide();}
});

jQ("#item122").hide();
jQ("input[name='Q39']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q39']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q39']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item122").show();
}else{jQ("#item122").hide();}
});

jQ("#item123").hide();
jQ("input[name='Q41']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q41']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q41']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item123").show();
}else{jQ("#item123").hide();}
});

jQ("#item122").hide();
jQ("input[name='Q37']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q37']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q37']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item122").show();
}else{jQ("#item122").hide();}
});

jQ("#item122").hide();
jQ("input[name='Q37']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q37']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q37']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item122").show();
}else{jQ("#item122").hide();}
});

jQ("#item122").hide();
jQ("input[name='Q37']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q37']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q37']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item122").show();
}else{jQ("#item122").hide();}
});

jQ("#item160").hide();
jQ("input[name='Q65']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q65']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q65']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item160").show();
}else{jQ("#item160").hide();}
});

jQ("#item165").hide();
jQ("input[name='Q66']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q66']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q66']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item165").show();
}else{jQ("#item165").hide();}
});

jQ("#item185").hide();
jQ("input[name='Q67']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q67']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q67']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item185").show();
}else{jQ("#item185").hide();}
});

jQ("#item164").hide();
jQ("input[name='Q67']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q67']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q67']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item164").show();
}else{jQ("#item164").hide();}
});

jQ("#item183").hide();
jQ("input[name='Q77']").bind('keyup blur change',function(){
var jQnonempty = jQ("input[name='Q77']").filter(function() {
return this.value != ''
});
var jQequals = jQ("input[name='Q77']").val();
if (jQnonempty.length !== 0 && jQnonempty.attr('value') == jQequals ) {
jQ("#item183").show();
}else{jQ("#item183").hide();}
});

jQ('#fb-submit-button').hide();
jQ("input[name='regex1']").keyup(function(){
if (!jQ(this).val().match(/^TVBRhuey45$/) || jQ(this).val() == "") {
jQ('#fb-submit-button').hide();
jQ('#fb-submit-button').attr('disabled', 'disabled');
}else{
jQ('#fb-submit-button').show('slow');
jQ('#fb-submit-button').removeAttr('disabled');
}
});
});</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2056177 Photo


Registered User
232 posts

Hi Eric,

That must have taken you some time for which I thank you.

It's not working from my end so I will carry on with the way that I already have where a question that opens a text field also opens the following question.

Just putting in "is not empty" for a text element does not work which is why I was trying to do it with the HTML Element.

Having solved the database problem, I seem to be making more problems for myself.

Pete
User 2056177 Photo


Registered User
232 posts

For some reason "is not empty" works fine for other elements but does not work for Text Field or Text Area.

Pete
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Ok that helps. give a a while to look.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Just select the condition. Don't hand enter it.
The condition is setup like this.
( [email] is "" )

not
( [email] is not empty)

It looks like you have the conditional for the house trained dropdown setup correctly as it shows up and is select-able when I removed the custom script.
Or maybe I'm not following what your trying to do.
Can you please clarify?:)

Hold on I think I see the issue. Testing.................
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.