MachForm Community Forums Topic: dropdown list when select hide input type text field or disable

MachForm Community Forums Topic: dropdown list when select hide input type text field or disable https://www.machform.com/forums/ MachForm Community Forums Topic: dropdown list when select hide input type text field or disable en Mon, 04 May 2026 04:00:22 +0000 turkmedia on "dropdown list when select hide input type text field or disable" https://www.machform.com/forums/topic/dropdown-list-when-select-hide-input-type-text-field-or-disable#post-6411 Tue, 30 Jun 2009 14:44:01 +0000 turkmedia 6411@https://www.machform.com/forums/ hi i dont understand where i change i change in includes/view-functions.php by the post <a href="http://www.appnitro.com/forums/topic/drop-down-with-other-option?replies=2#post-5552" rel="nofollow">http://www.appnitro.com/forums/topic/drop-down-with-other-option?replies=2#post-5552</a> but dont work and IE has error when i change the dropdown list and dont hide how can i hide a dropdown choises when i select from another dropdown like gender if gender = male show item 1,2,3,4 and if gender = female show item 5,6,7,8 in a drop down i want you to make a full guide to hide a dropdown and hide choices of dropdown i am makeing a employ form and need this redityo on "dropdown list when select hide input type text field or disable" https://www.machform.com/forums/topic/dropdown-list-when-select-hide-input-type-text-field-or-disable#post-6073 Wed, 03 Jun 2009 12:11:44 +0000 redityo 6073@https://www.machform.com/forums/ Ups .. I missed it :) Thank's .. johntorre on "dropdown list when select hide input type text field or disable" https://www.machform.com/forums/topic/dropdown-list-when-select-hide-input-type-text-field-or-disable#post-6072 Wed, 03 Jun 2009 11:53:55 +0000 johntorre 6072@https://www.machform.com/forums/ THank you so much really help a lot.. by the way guys from the code given by SIR Redityo <code>else if ($('#element_12').val() == 3 || $('#element_12').val() == 4 || $('#element_12').val() == 5 || $('#element_12').val() == 6 || $('#element_12').val() == 7 {</code> just add ) to the last number to close it... thanks again.. redityo on "dropdown list when select hide input type text field or disable" https://www.machform.com/forums/topic/dropdown-list-when-select-hide-input-type-text-field-or-disable#post-6071 Wed, 03 Jun 2009 09:32:58 +0000 redityo 6071@https://www.machform.com/forums/ Hi Johntoree, Thank's to share .. and for make your conditional statement shorter, try to change the code from : <pre><code>else if ($('#element_12').val() == 3, 4, 5, 6, 7) {</code></pre> to <pre><code>else if ($('#element_12').val() == 3 || $('#element_12').val() == 4 || $('#element_12').val() == 5 || $('#element_12').val() == 6 || $('#element_12').val() == 7 {</code></pre> hope this help .. johntorre on "dropdown list when select hide input type text field or disable" https://www.machform.com/forums/topic/dropdown-list-when-select-hide-input-type-text-field-or-disable#post-6065 Tue, 02 Jun 2009 22:01:56 +0000 johntorre 6065@https://www.machform.com/forums/ Sir REDITYO your the best.. Thank you so much.. Sir just to add for this topic and maybe will help this topic in future use. Heres the code for hiding and showing form field. <code> <script type="text/javascript"> function showTextBox() { if ($('#element_9').val() == '5') { $('#li_11').hide(); $('#li_12').hide(); $('#li_13').hide(); $('#li_14').hide(); $('#li_15').hide(); $('#li_16').hide(); $('#li_17').hide(); $('#li_18').hide(); $('#li_19').hide(); $('#li_20').hide(); $('#li_11').show(); } else if ($('#element_9').val() == '6') { $('#li_11').hide(); $('#li_12').hide(); $('#li_13').hide(); $('#li_14').hide(); $('#li_15').hide(); $('#li_16').hide(); $('#li_17').hide(); $('#li_18').hide(); $('#li_19').hide(); $('#li_20').hide(); $('#li_11').show(); } else if ($('#element_9').val() == '7') { $('#li_11').hide(); $('#li_12').hide(); $('#li_13').hide(); $('#li_14').hide(); $('#li_15').hide(); $('#li_16').hide(); $('#li_17').hide(); $('#li_18').hide(); $('#li_19').hide(); $('#li_20').hide(); $('#li_11').show(); } else if ($('#element_9').val() == '9') { $('#li_11').hide(); $('#li_12').hide(); $('#li_13').hide(); $('#li_14').hide(); $('#li_15').hide(); $('#li_16').hide(); $('#li_17').hide(); $('#li_18').hide(); $('#li_19').hide(); $('#li_20').hide(); $('#li_20').show(); } else if ($('#element_9').val() == '10') { $('#li_11').hide(); $('#li_12').hide(); $('#li_13').hide(); $('#li_14').hide(); $('#li_15').hide(); $('#li_16').hide(); $('#li_17').hide(); $('#li_18').hide(); $('#li_19').hide(); $('#li_20').hide(); $('#li_20').show(); } else { $('#li_11').hide(); $('#li_12').hide(); $('#li_13').hide(); $('#li_14').hide(); $('#li_15').hide(); $('#li_16').hide(); $('#li_17').hide(); $('#li_18').hide(); $('#li_19').hide(); $('#li_20').hide(); } } </script></code> <li> BUT SIR REDITYO is there anyway to make it short and smooth... heres the example but got an error when combining.. <code> <script type="text/javascript"> function showTextBox2() { if ($('#element_12').val() == '1') { $('#li_19').show(); $('#li_14').hide(); $('#li_15').hide(); $('#li_16').hide(); $('#li_17').hide(); $('#li_18').hide(); $('#li_21').hide(); $('#li_22').hide(); } else if ($('#element_12').val() == 3, 4, 5, 6, 7) { $('#li_13').show(); $('#li_14').hide(); $('#li_15').hide(); $('#li_16').hide(); $('#li_17').hide(); $('#li_18').hide(); $('#li_19').hide(); $('#li_21').hide(); $('#li_22').hide(); } else { $('#li_13').hide(); $('#li_14').hide(); $('#li_15').hide(); $('#li_16').hide(); $('#li_17').hide(); $('#li_18').hide(); $('#li_19').hide(); $('#li_21').hide(); $('#li_22').hide(); } } </script> </code></li> redityo on "dropdown list when select hide input type text field or disable" https://www.machform.com/forums/topic/dropdown-list-when-select-hide-input-type-text-field-or-disable#post-6060 Tue, 02 Jun 2009 20:12:22 +0000 redityo 6060@https://www.machform.com/forums/ You need to change in java script section, for example your another text box id to be hide is "element_3" then the code should be like this: <pre><code><script type="text/javascript"> {$add_jquery} function showTextBox() { //reset text box value $('#element_1').val(''); //show hide the field //change the value based on your "other" selection value if ($('#element_2').val() == '2') { $('#li_1').show(); } else { $('#li_1').hide(); } } function showTextBox2() { //reset text box value $('#element_3').val(''); //show hide the field //change the value based on your "other" selection value if ($('#element_2').val() == '2') { $('#li_3').show(); } else { $('#li_3').hide(); } } </script></code></pre> after that you can call it like this <pre><code>if ($element->id== '12') { $add_event = 'onchange="javascript:showTextBox2()"'; }</code></pre> johntorre on "dropdown list when select hide input type text field or disable" https://www.machform.com/forums/topic/dropdown-list-when-select-hide-input-type-text-field-or-disable#post-6058 Tue, 02 Jun 2009 15:11:59 +0000 johntorre 6058@https://www.machform.com/forums/ hi Sir Redityo... from the solution you gave.. can i ask how can i add different function showtextbox2() in the specific element? for example <blockquote> if ($_GET['id'] == 1) { $add_event = 'onchange="javascript:showTextBox()"'; } </blockquote> i just want to add another showtextbox2() for specific elements only. how to write that sir.. something like this logic sir: if ($element->id)== '12' { $add_event = 'onchange="javascript:showTextBox(2)"'; } Thank you... redityo on "dropdown list when select hide input type text field or disable" https://www.machform.com/forums/topic/dropdown-list-when-select-hide-input-type-text-field-or-disable#post-5815 Tue, 12 May 2009 18:42:01 +0000 redityo 5815@https://www.machform.com/forums/ Hi, I think your problem similar with this post : <a href="http://www.appnitro.com/forums/topic/drop-down-with-other-option?replies=2#post-5552" rel="nofollow">http://www.appnitro.com/forums/topic/drop-down-with-other-option?replies=2#post-5552</a> johntorre on "dropdown list when select hide input type text field or disable" https://www.machform.com/forums/topic/dropdown-list-when-select-hide-input-type-text-field-or-disable#post-5809 Mon, 11 May 2009 20:38:37 +0000 johntorre 5809@https://www.machform.com/forums/ Is it possible to hide or disable 1 text area field when i select one of the option in my DROPDOWN LIST..