Greyed Out Drop Down Element - Page 3...

User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Ok I understand what your after now. Let me see if I can adjust the script for that input.
Is the micro chip number always 15 digits?
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

See if this works they way you want.
https://ericrohloff.com/coffeecup/ccfor … nt%20copy/
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

That works perfect.

What did you alter in the html for this question to work?

Pete
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

I'm using jQuery to remove the disabled property from the select.
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

Thanks Eric but I'm not sure where to find that.
Pete
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

If you look in my js you'll see it.
<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('change blur keyup',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();
jQ("select[name='Q33']").prop("disabled",false);

}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

I think that I will carry on with the way that I have done previously as although the issue is solved with Q32, the issue has arisen with Q37 in that Q38 is greyed out.

It's taking up too much of your time for which I am grateful.

My original way works so I think now that it's a case of "if it ain't broke, don't fix it"

Pete
User 2056177 Photo


Registered User
232 posts

I keep looking at your js but I cannot see what you added to make the question work.

It should be that 15 digits have to be entered before the next question appears but it's ok as it is with that one.

Unfortunately, the same error occurs with all of the text field elements in that the following questions are greyed out when testing but freeze when testing on the webpage.

I'm loosing what little hair I have left trying to get this form working right.

Pete
User 2056177 Photo


Registered User
232 posts

I have a further problem.

The form now does not display the last few questions.

Having tested the from your last link, the form also stops part way.

Pete
User 187934 Photo


Senior Advisor
20,181 posts
Online Now

Works for me try copying and pasting again. I added a comment where I added the disable false
<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('change blur keyup',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();

//******** I added this **********///
jQ("select[name='Q33']").prop("disabled",false);

}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

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.