title: How to hide and show form text fields using javascript
body: <p>I have this code, it hides some of the form textfields when the second value of drop down menue is selected.</p>
  
  <p>The question is how can i edit this javascript code after i add more textfields to my html form that i want to hide and show based on the provided code below:</p>
  
  <pre><code>    &lt;form id="form5" name="form5" class="wufoo topLabel page1" autocomplete="off" enctype="multipart/form-data" method="post" novalidate
  action="#"&gt;
  
  &lt;header id="header" class="info"&gt;
  &lt;h2&gt;Personal Shopper Order Form&lt;/h2&gt;
  &lt;div&gt;Place your order by filling this form&lt;/div&gt;
  &lt;/header&gt;
  
  &lt;ul class="running"&gt;
  
  
  &lt;li class="total"&gt;
  &lt;output id="lola"&gt;
  &lt;/output&gt;
  &lt;/li&gt;
  
  
  &lt;li id="fo5li1" class="notranslate       "&gt;
  &lt;label class="desc" id="title1" for="Field1"&gt;
  Choose a plan
  &lt;span id="req_1" class="req"&gt;*&lt;/span&gt;
  &lt;/label&gt;
  &lt;div&gt;
  &lt;select id="Field1" name="Field1" class="field select medium" onclick="handleInput(this);" onkeyup="handleInput(this);" tabindex="1" &gt; 
  &lt;option value="Lite Plan $0 per order" selected="selected"&gt;
  Lite Plan $0 per order
  &lt;/option&gt;
  &lt;option value="Pro Plan $10 per order" &gt;
  Pro Plan $10 per order
  &lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  &lt;p class="instruct" id="instruct1"&gt;&lt;small&gt;Lite plan for order with a single item, Pro plan for order with up to 3 items per order.&lt;/small&gt;&lt;/p&gt;
  &lt;/li&gt;
  
  
  
  &lt;li id="fo5li3" class="notranslate      "&gt;
  &lt;label class="desc" id="title3" for="Field3"&gt;
  Item #1 Name
  &lt;span id="req_3" class="req"&gt;*&lt;/span&gt;
  &lt;/label&gt;
  &lt;div&gt;
  &lt;input id="Field3" name="Field3" type="text" class="field text medium" value="" maxlength="100" tabindex="2" onkeyup="handleInput(this); validateRange(3, 'character');" onchange="handleInput(this);" required /&gt;
  &lt;label for="Field3"&gt;Must be between &lt;var id="rangeMinMsg3"&gt;4&lt;/var&gt; and &lt;var id="rangeMaxMsg3"&gt;100&lt;/var&gt; characters.&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;em class="currently"&gt;Currently Used: &lt;var id="rangeUsedMsg3"&gt;0&lt;/var&gt; characters.&lt;/em&gt;&lt;/label&gt;
  &lt;/div&gt;
  &lt;p class="instruct" id="instruct3"&gt;&lt;small&gt;Item name such as "iPad3 32GB wifi &amp; 3G.&lt;/small&gt;&lt;/p&gt;
  &lt;/li&gt;
  
  
  &lt;li id="fo5li2" class="notranslate      "&gt;
  &lt;label class="desc" id="title2" for="Field2"&gt;
  Item #1 Price
  &lt;span id="req_2" class="req"&gt;*&lt;/span&gt;
  &lt;/label&gt;
  &lt;span class="symbol"&gt;$&lt;/span&gt;
  &lt;span&gt;
  &lt;input id="Field2" name="Field2" type="text" class="field text currency nospin" value="" size="10" tabindex="3" onkeyup="handleInput(this);" onchange="handleInput(this);" required /&gt;
  &lt;label for="Field2"&gt;Dollars&lt;/label&gt;
  &lt;/span&gt;
  &lt;span class="symbol radix"&gt;.&lt;/span&gt;
  &lt;span class="cents"&gt;
  &lt;input id="Field2-1" name="Field2-1" type="text" class="field text nospin" value="" size="2" maxlength="2" tabindex="4" onkeyup="handleInput(this);" onchange="handleInput(this);" /&gt;
  &lt;label for="Field2-1"&gt;Cents&lt;/label&gt;
  &lt;/span&gt;
  &lt;p class="instruct" id="instruct2"&gt;&lt;small&gt;Item(s) Price as listed on the US online store.&lt;/small&gt;&lt;/p&gt;
  &lt;/li&gt;
  
  
  &lt;li id="fo5li4" class="notranslate      hide"&gt;
  &lt;label class="desc" id="title4" for="Field4"&gt;
  Item #2 Name
  &lt;span id="req_4" class="req"&gt;*&lt;/span&gt;
  &lt;/label&gt;
  &lt;div&gt;
  &lt;input id="Field4" name="Field4" type="text" class="field text medium" value="" maxlength="100" tabindex="5" onkeyup="handleInput(this); validateRange(4, 'character');" onchange="handleInput(this);" required /&gt;
  &lt;label for="Field4"&gt;Must be between &lt;var id="rangeMinMsg4"&gt;4&lt;/var&gt; and &lt;var id="rangeMaxMsg4"&gt;100&lt;/var&gt; characters.&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;em class="currently"&gt;Currently Used: &lt;var id="rangeUsedMsg4"&gt;0&lt;/var&gt; characters.&lt;/em&gt;&lt;/label&gt;
  &lt;/div&gt;
  &lt;p class="instruct" id="instruct4"&gt;&lt;small&gt;Item name such as "iPad3 32GB wifi &amp; 3G.&lt;/small&gt;&lt;/p&gt;
  &lt;/li&gt;
  
  
  &lt;li id="fo5li6" class="notranslate      hide"&gt;
  &lt;label class="desc" id="title6" for="Field6"&gt;
  Item #2 Price
  &lt;span id="req_6" class="req"&gt;*&lt;/span&gt;
  &lt;/label&gt;
  &lt;span class="symbol"&gt;$&lt;/span&gt;
  &lt;span&gt;
  &lt;input id="Field6" name="Field6" type="text" class="field text currency nospin" value="" size="10" tabindex="6" onkeyup="handleInput(this);" onchange="handleInput(this);" required /&gt;
  &lt;label for="Field6"&gt;Dollars&lt;/label&gt;
  &lt;/span&gt;
  &lt;span class="symbol radix"&gt;.&lt;/span&gt;
  &lt;span class="cents"&gt;
  &lt;input id="Field6-1" name="Field6-1" type="text" class="field text nospin" value="" size="2" maxlength="2" tabindex="7" onkeyup="handleInput(this);" onchange="handleInput(this);" /&gt;
  &lt;label for="Field6-1"&gt;Cents&lt;/label&gt;
  &lt;/span&gt;
  &lt;/li&gt;
  
  &lt;li id="fo5li4" class="notranslate      hide"&gt;
  &lt;label class="desc" id="title4" for="Field14"&gt;
  Item #3 Name
  &lt;span id="req_4" class="req"&gt;*&lt;/span&gt;
  &lt;/label&gt;
  &lt;div&gt;
  &lt;input id="Field4" name="Field14" type="text" class="field text medium" value="" maxlength="100" tabindex="5" onkeyup="handleInput(this); validateRange(4, 'character');" onchange="handleInput(this);" required /&gt;
  &lt;label for="Field4"&gt;Must be between &lt;var id="rangeMinMsg4"&gt;4&lt;/var&gt; and &lt;var id="rangeMaxMsg4"&gt;100&lt;/var&gt; characters.&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;em class="currently"&gt;Currently Used: &lt;var id="rangeUsedMsg4"&gt;0&lt;/var&gt; characters.&lt;/em&gt;&lt;/label&gt;
  &lt;/div&gt;
  &lt;p class="instruct" id="instruct4"&gt;&lt;small&gt;Item name such as "iPad3 32GB wifi &amp; 3G.&lt;/small&gt;&lt;/p&gt;
  &lt;/li&gt;
  
  
  &lt;li id="fo5li6" class="notranslate      hide"&gt;
  &lt;label class="desc" id="title6" for="Field16"&gt;
  Item #3 Price
  &lt;span id="req_6" class="req"&gt;*&lt;/span&gt;
  &lt;/label&gt;
  &lt;span class="symbol"&gt;$&lt;/span&gt;
  &lt;span&gt;
  &lt;input id="Field6" name="Field16" type="text" class="field text currency nospin" value="" size="10" tabindex="6" onkeyup="handleInput(this);" onchange="handleInput(this);" required /&gt;
  &lt;label for="Field6"&gt;Dollars&lt;/label&gt;
  &lt;/span&gt;
  &lt;span class="symbol radix"&gt;.&lt;/span&gt;
  &lt;span class="cents"&gt;
  &lt;input id="Field16-1" name="Field16-1" type="text" class="field text nospin" value="" size="2" maxlength="2" tabindex="7" onkeyup="handleInput(this);" onchange="handleInput(this);" /&gt;
  &lt;label for="Field6-1"&gt;Cents&lt;/label&gt;
  &lt;/span&gt;
  &lt;/li&gt;
  
  &lt;li id="fo5li8" class="notranslate section      "&gt;
  &lt;section&gt;
  &lt;h3 id="title8"&gt;
  Personal Information
  &lt;/h3&gt;
  &lt;div id="instruct8"&gt;Shipping address where your packages will be shipped to!&lt;/div&gt;
  &lt;/section&gt;
  &lt;/li&gt;
  
  
  &lt;li id="fo5li9" class="date notranslate      "&gt;
  &lt;label class="desc" id="title9" for="Field9"&gt;
  Date
  &lt;/label&gt;
  &lt;span&gt;
  &lt;input id="Field9-1" name="Field9-1" type="text" class="field text" value="" size="2" maxlength="2" tabindex="8" onkeyup="handleInput(this);" onchange="handleInput(this);" /&gt;
  &lt;label for="Field9-1"&gt;MM&lt;/label&gt;
  &lt;/span&gt; 
  &lt;span class="symbol"&gt;/&lt;/span&gt;
  &lt;span&gt;
  &lt;input id="Field9-2" name="Field9-2" type="text" class="field text" value="" size="2" maxlength="2" tabindex="9" onkeyup="handleInput(this);" onchange="handleInput(this);" /&gt;
  &lt;label for="Field9-2"&gt;DD&lt;/label&gt;
  &lt;/span&gt;
  &lt;span class="symbol"&gt;/&lt;/span&gt;
  &lt;span&gt;
   &lt;input id="Field9" name="Field9" type="text" class="field text" value="" size="4" maxlength="4" tabindex="10" onkeyup="handleInput(this);" onchange="handleInput(this);" /&gt;
  &lt;label for="Field9"&gt;YYYY&lt;/label&gt;
  &lt;/span&gt;
  &lt;span id="cal9"&gt;
  &lt;img id="pick9" class="datepicker" src="/images/icons/calendar.png" alt="Pick a date." /&gt;
  &lt;/span&gt;
  &lt;/li&gt;
  
  
  
  &lt;li id="fo5li10" class="notranslate  notStacked     "&gt;
  &lt;fieldset&gt;
  &lt;![if !IE | (gte IE 8)]&gt;
  &lt;legend id="title10" class="desc"&gt;
  Gender
  &lt;span id="req_10" class="req"&gt;*&lt;/span&gt;
  &lt;/legend&gt;
  &lt;![endif]&gt;
  &lt;!--[if lt IE 8]&gt;
  &lt;label id="title10" class="desc"&gt;
  Gender
  &lt;span id="req_10" class="req"&gt;*&lt;/span&gt;
  &lt;/label&gt;
  &lt;![endif]--&gt;
  &lt;div&gt;
  &lt;input id="radioDefault_10" name="Field10" type="hidden" value="" /&gt;
  &lt;span&gt;
  &lt;input id="Field10_0" name="Field10" type="radio" class="field radio" value="Male" tabindex="11" onchange="handleInput(this);" onmouseup="handleInput(this);" checked="checked"  
  required /&gt;
  &lt;label class="choice" for="Field10_0" &gt;
  Male&lt;/label&gt;
  &lt;/span&gt;
  &lt;span&gt;
  &lt;input id="Field10_1" name="Field10" type="radio" class="field radio" value="Female" tabindex="12" onchange="handleInput(this);" onmouseup="handleInput(this);" required /&gt;
  &lt;label class="choice" for="Field10_1" &gt;
  Female&lt;/label&gt;
  &lt;/span&gt;
  &lt;/div&gt;
  &lt;/fieldset&gt;
  &lt;/li&gt;
  
  
  &lt;li id="fo5li11" class="complex notranslate      "&gt;
  &lt;label class="desc" id="title11" for="Field11"&gt;
  Address
  &lt;span id="req_11" class="req"&gt;*&lt;/span&gt;
  &lt;/label&gt;
  &lt;div&gt;
  &lt;span class="full addr1"&gt;
  &lt;input id="Field11" name="Field11" type="text" class="field text addr" value="" tabindex="13" onkeyup="handleInput(this);" onchange="handleInput(this);" required /&gt;
  &lt;label for="Field11"&gt;Street Address&lt;/label&gt;
  &lt;/span&gt;
  &lt;span class="full addr2"&gt;
  &lt;input id="Field12" name="Field12" type="text" class="field text addr" value="" tabindex="14" onkeyup="handleInput(this);" onchange="handleInput(this);" /&gt;
  &lt;label for="Field12"&gt;Address Line 2&lt;/label&gt;
  &lt;/span&gt;
  &lt;span class="left city"&gt;
  &lt;input id="Field13" name="Field13" type="text" class="field text addr" value="" tabindex="15" onkeyup="handleInput(this);" onchange="handleInput(this);" required /&gt;
  &lt;label for="Field13"&gt;City&lt;/label&gt;
  &lt;/span&gt;
  &lt;span class="right state"&gt;
  &lt;input id="Field14" name="Field14" type="text" class="field text addr" value="" tabindex="16" onkeyup="handleInput(this);" onchange="handleInput(this);" required /&gt;
  &lt;label for="Field14"&gt;State / Province / Region&lt;/label&gt;
  &lt;/span&gt;
  &lt;span class="left zip"&gt;
  &lt;input id="Field15" name="Field15" type="text" class="field text addr" value="" maxlength="15" tabindex="17" onkeyup="handleInput(this);" onchange="handleInput(this);" required /&gt;
  &lt;label for="Field15"&gt;Postal / Zip Code&lt;/label&gt;
  &lt;/span&gt;
  &lt;span class="right country"&gt;
  &lt;select id="Field16" name="Field16" class="field select addr" tabindex="18" onclick="handleInput(this);" onkeyup="handleInput(this);" &gt;
  &lt;option value="" selected="selected"&gt;&lt;/option&gt;
  &lt;option value="United States" &gt;United States&lt;/option&gt;
  &lt;option value="United Kingdom" &gt;United Kingdom&lt;/option&gt;
  &lt;option value="Australia" &gt;Australia&lt;/option&gt;
  &lt;option value="Canada" &gt;Canada&lt;/option&gt;
  &lt;option value="France" &gt;France&lt;/option&gt;
  &lt;option value="New Zealand" &gt;New Zealand&lt;/option&gt;
  &lt;option value="India" &gt;India&lt;/option&gt;
  &lt;option value="Brazil" &gt;Brazil&lt;/option&gt;
  &lt;option value="----" &gt;----&lt;/option&gt;
  &lt;option value="Afghanistan" &gt;Afghanistan&lt;/option&gt;
  &lt;option value="Åland Islands" &gt;Åland Islands&lt;/option&gt;
  &lt;option value="Albania" &gt;Albania&lt;/option&gt;
  &lt;option value="Algeria" &gt;Algeria&lt;/option&gt;
  &lt;option value="American Samoa" &gt;American Samoa&lt;/option&gt;
  &lt;option value="Andorra" &gt;Andorra&lt;/option&gt;
  &lt;option value="Angola" &gt;Angola&lt;/option&gt;
  &lt;option value="Anguilla" &gt;Anguilla&lt;/option&gt;
  &lt;option value="Antarctica" &gt;Antarctica&lt;/option&gt;
  &lt;option value="Antigua and Barbuda" &gt;Antigua and Barbuda&lt;/option&gt;
  &lt;option value="Argentina" &gt;Argentina&lt;/option&gt;
  &lt;option value="Armenia" &gt;Armenia&lt;/option&gt;
  &lt;option value="Aruba" &gt;Aruba&lt;/option&gt;
  &lt;option value="Austria" &gt;Austria&lt;/option&gt;
  &lt;option value="Azerbaijan" &gt;Azerbaijan&lt;/option&gt;
  &lt;option value="Bahamas" &gt;Bahamas&lt;/option&gt;
  &lt;option value="Bahrain" &gt;Bahrain&lt;/option&gt;
  &lt;option value="Bangladesh" &gt;Bangladesh&lt;/option&gt;
  &lt;option value="Barbados" &gt;Barbados&lt;/option&gt;
  &lt;option value="Belarus" &gt;Belarus&lt;/option&gt;
  &lt;option value="Belgium" &gt;Belgium&lt;/option&gt;
  &lt;option value="Belize" &gt;Belize&lt;/option&gt;
  &lt;option value="Benin" &gt;Benin&lt;/option&gt;
  &lt;option value="Bermuda" &gt;Bermuda&lt;/option&gt;
  &lt;option value="Bhutan" &gt;Bhutan&lt;/option&gt;
  &lt;option value="Bolivia" &gt;Bolivia&lt;/option&gt;
  &lt;option value="Bosnia and Herzegovina" &gt;Bosnia and Herzegovina&lt;/option&gt;
  &lt;option value="Botswana" &gt;Botswana&lt;/option&gt;
  &lt;option value="British Indian Ocean Territory" &gt;British Indian Ocean Territory&lt;/option&gt;
  &lt;option value="Brunei Darussalam" &gt;Brunei Darussalam&lt;/option&gt;
  &lt;option value="Bulgaria" &gt;Bulgaria&lt;/option&gt;
  &lt;option value="Burkina Faso" &gt;Burkina Faso&lt;/option&gt;
  &lt;option value="Burundi" &gt;Burundi&lt;/option&gt;
  &lt;option value="Cambodia" &gt;Cambodia&lt;/option&gt;
  &lt;option value="Cameroon" &gt;Cameroon&lt;/option&gt;
  &lt;option value="Cape Verde" &gt;Cape Verde&lt;/option&gt;
  &lt;option value="Cayman Islands" &gt;Cayman Islands&lt;/option&gt;
  &lt;option value="Central African Republic" &gt;Central African Republic&lt;/option&gt;
  &lt;option value="Chad" &gt;Chad&lt;/option&gt;
  &lt;option value="Chile" &gt;Chile&lt;/option&gt;
  &lt;option value="China" &gt;China&lt;/option&gt;
  &lt;option value="Colombia" &gt;Colombia&lt;/option&gt;
  &lt;option value="Comoros" &gt;Comoros&lt;/option&gt;
  &lt;option value="Democratic Republic of the Congo" &gt;Democratic Republic of the Congo&lt;/option&gt;
  &lt;option value="Republic of the Congo" &gt;Republic of the Congo&lt;/option&gt;
  &lt;option value="Cook Islands" &gt;Cook Islands&lt;/option&gt;
  &lt;option value="Costa Rica" &gt;Costa Rica&lt;/option&gt;
  &lt;option value="C&amp;ocirc;te d'Ivoire" &gt;C&amp;ocirc;te d'Ivoire&lt;/option&gt;
  &lt;option value="Croatia" &gt;Croatia&lt;/option&gt;
  &lt;option value="Cuba" &gt;Cuba&lt;/option&gt;
  &lt;option value="Cyprus" &gt;Cyprus&lt;/option&gt;
  &lt;option value="Czech Republic" &gt;Czech Republic&lt;/option&gt;
  &lt;option value="Denmark" &gt;Denmark&lt;/option&gt;
  &lt;option value="Djibouti" &gt;Djibouti&lt;/option&gt;
  &lt;option value="Dominica" &gt;Dominica&lt;/option&gt;
  &lt;option value="Dominican Republic" &gt;Dominican Republic&lt;/option&gt;
  &lt;option value="East Timor" &gt;East Timor&lt;/option&gt;
  &lt;option value="Ecuador" &gt;Ecuador&lt;/option&gt;
  &lt;option value="Egypt" &gt;Egypt&lt;/option&gt;
  &lt;option value="El Salvador" &gt;El Salvador&lt;/option&gt;
  &lt;option value="Equatorial Guinea" &gt;Equatorial Guinea&lt;/option&gt;
  &lt;option value="Eritrea" &gt;Eritrea&lt;/option&gt;
  &lt;option value="Estonia" &gt;Estonia&lt;/option&gt;
  &lt;option value="Ethiopia" &gt;Ethiopia&lt;/option&gt;
  &lt;option value="Faroe Islands" &gt;Faroe Islands&lt;/option&gt;
  &lt;option value="Fiji" &gt;Fiji&lt;/option&gt;
  &lt;option value="Finland" &gt;Finland&lt;/option&gt;
  &lt;option value="Gabon" &gt;Gabon&lt;/option&gt;
  &lt;option value="Gambia" &gt;Gambia&lt;/option&gt;
  &lt;option value="Georgia" &gt;Georgia&lt;/option&gt;
  &lt;option value="Germany" &gt;Germany&lt;/option&gt;
  &lt;option value="Ghana" &gt;Ghana&lt;/option&gt;
  &lt;option value="Gibraltar" &gt;Gibraltar&lt;/option&gt;
  &lt;option value="Greece" &gt;Greece&lt;/option&gt;
  &lt;option value="Grenada" &gt;Grenada&lt;/option&gt;
  &lt;option value="Guatemala" &gt;Guatemala&lt;/option&gt;
  &lt;option value="Guinea" &gt;Guinea&lt;/option&gt;
  &lt;option value="Guinea-Bissau" &gt;Guinea-Bissau&lt;/option&gt;
  &lt;option value="Guyana" &gt;Guyana&lt;/option&gt;
  &lt;option value="Haiti" &gt;Haiti&lt;/option&gt;
  &lt;option value="Honduras" &gt;Honduras&lt;/option&gt;
  &lt;option value="Hong Kong" &gt;Hong Kong&lt;/option&gt;
  &lt;option value="Hungary" &gt;Hungary&lt;/option&gt;
  &lt;option value="Iceland" &gt;Iceland&lt;/option&gt;
  &lt;option value="Indonesia" &gt;Indonesia&lt;/option&gt;
  &lt;option value="Iran" &gt;Iran&lt;/option&gt;
  &lt;option value="Iraq" &gt;Iraq&lt;/option&gt;
  &lt;option value="Ireland" &gt;Ireland&lt;/option&gt;
  &lt;option value="Israel" &gt;Israel&lt;/option&gt;
  &lt;option value="Italy" &gt;Italy&lt;/option&gt;
  &lt;option value="Jamaica" &gt;Jamaica&lt;/option&gt;
  &lt;option value="Japan" &gt;Japan&lt;/option&gt;
  &lt;option value="Jordan" &gt;Jordan&lt;/option&gt;
  &lt;option value="Kazakhstan" &gt;Kazakhstan&lt;/option&gt;
  &lt;option value="Kenya" &gt;Kenya&lt;/option&gt;
  &lt;option value="Kiribati" &gt;Kiribati&lt;/option&gt;
  &lt;option value="North Korea" &gt;North Korea&lt;/option&gt;
  &lt;option value="South Korea" &gt;South Korea&lt;/option&gt;
  &lt;option value="Kuwait" &gt;Kuwait&lt;/option&gt;
  &lt;option value="Kyrgyzstan" &gt;Kyrgyzstan&lt;/option&gt;
  &lt;option value="Laos" &gt;Laos&lt;/option&gt;
  &lt;option value="Latvia" &gt;Latvia&lt;/option&gt;
  &lt;option value="Lebanon" &gt;Lebanon&lt;/option&gt;
  &lt;option value="Lesotho" &gt;Lesotho&lt;/option&gt;
  &lt;option value="Liberia" &gt;Liberia&lt;/option&gt;
  &lt;option value="Libya" &gt;Libya&lt;/option&gt;
  &lt;option value="Liechtenstein" &gt;Liechtenstein&lt;/option&gt;
  &lt;option value="Lithuania" &gt;Lithuania&lt;/option&gt;
  &lt;option value="Luxembourg" &gt;Luxembourg&lt;/option&gt;
  &lt;option value="Macedonia" &gt;Macedonia&lt;/option&gt;
  &lt;option value="Madagascar" &gt;Madagascar&lt;/option&gt;
  &lt;option value="Malawi" &gt;Malawi&lt;/option&gt;
  &lt;option value="Malaysia" &gt;Malaysia&lt;/option&gt;
  &lt;option value="Maldives" &gt;Maldives&lt;/option&gt;
  &lt;option value="Mali" &gt;Mali&lt;/option&gt;
  &lt;option value="Malta" &gt;Malta&lt;/option&gt;
  &lt;option value="Marshall Islands" &gt;Marshall Islands&lt;/option&gt;
  &lt;option value="Mauritania" &gt;Mauritania&lt;/option&gt;
  &lt;option value="Mauritius" &gt;Mauritius&lt;/option&gt;
  &lt;option value="Mexico" &gt;Mexico&lt;/option&gt;
  &lt;option value="Micronesia" &gt;Micronesia&lt;/option&gt;
  &lt;option value="Moldova" &gt;Moldova&lt;/option&gt;
  &lt;option value="Monaco" &gt;Monaco&lt;/option&gt;
  &lt;option value="Mongolia" &gt;Mongolia&lt;/option&gt;
  &lt;option value="Montenegro" &gt;Montenegro&lt;/option&gt;
  &lt;option value="Morocco" &gt;Morocco&lt;/option&gt;
  &lt;option value="Mozambique" &gt;Mozambique&lt;/option&gt;
  &lt;option value="Myanmar" &gt;Myanmar&lt;/option&gt;
  &lt;option value="Namibia" &gt;Namibia&lt;/option&gt;
  &lt;option value="Nauru" &gt;Nauru&lt;/option&gt;
  &lt;option value="Nepal" &gt;Nepal&lt;/option&gt;
  &lt;option value="Netherlands" &gt;Netherlands&lt;/option&gt;
  &lt;option value="Netherlands Antilles" &gt;Netherlands Antilles&lt;/option&gt;
  &lt;option value="Nicaragua" &gt;Nicaragua&lt;/option&gt;
  &lt;option value="Niger" &gt;Niger&lt;/option&gt;
  &lt;option value="Nigeria" &gt;Nigeria&lt;/option&gt;
  &lt;option value="Norway" &gt;Norway&lt;/option&gt;
  &lt;option value="Oman" &gt;Oman&lt;/option&gt;
  &lt;option value="Pakistan" &gt;Pakistan&lt;/option&gt;
  &lt;option value="Palau" &gt;Palau&lt;/option&gt;
  &lt;option value="Palestine" &gt;Palestine&lt;/option&gt;
  &lt;option value="Panama" &gt;Panama&lt;/option&gt;
  &lt;option value="Papua New Guinea" &gt;Papua New Guinea&lt;/option&gt;
  &lt;option value="Paraguay" &gt;Paraguay&lt;/option&gt;
  &lt;option value="Peru" &gt;Peru&lt;/option&gt;
  &lt;option value="Philippines" &gt;Philippines&lt;/option&gt;
  &lt;option value="Poland" &gt;Poland&lt;/option&gt;
  &lt;option value="Portugal" &gt;Portugal&lt;/option&gt;
  &lt;option value="Puerto Rico" &gt;Puerto Rico&lt;/option&gt;
  &lt;option value="Qatar" &gt;Qatar&lt;/option&gt;
  &lt;option value="Romania" &gt;Romania&lt;/option&gt;
  &lt;option value="Russia" &gt;Russia&lt;/option&gt;
  &lt;option value="Rwanda" &gt;Rwanda&lt;/option&gt;
  &lt;option value="Saint Kitts and Nevis" &gt;Saint Kitts and Nevis&lt;/option&gt;
  &lt;option value="Saint Lucia" &gt;Saint Lucia&lt;/option&gt;
  &lt;option value="Saint Vincent and the Grenadines" &gt;Saint Vincent and the Grenadines&lt;/option&gt;
  &lt;option value="Samoa" &gt;Samoa&lt;/option&gt;
  &lt;option value="San Marino" &gt;San Marino&lt;/option&gt;
  &lt;option value="Sao Tome and Principe" &gt;Sao Tome and Principe&lt;/option&gt;
  &lt;option value="Saudi Arabia" &gt;Saudi Arabia&lt;/option&gt;
  &lt;option value="Senegal" &gt;Senegal&lt;/option&gt;
  &lt;option value="Serbia" &gt;Serbia&lt;/option&gt;
  &lt;option value="Seychelles" &gt;Seychelles&lt;/option&gt;
  &lt;option value="Sierra Leone" &gt;Sierra Leone&lt;/option&gt;
  &lt;option value="Singapore" &gt;Singapore&lt;/option&gt;
  &lt;option value="Slovakia" &gt;Slovakia&lt;/option&gt;
  &lt;option value="Slovenia" &gt;Slovenia&lt;/option&gt;
  &lt;option value="Solomon Islands" &gt;Solomon Islands&lt;/option&gt;
  &lt;option value="Somalia" &gt;Somalia&lt;/option&gt;
  &lt;option value="South Africa" &gt;South Africa&lt;/option&gt;
  &lt;option value="Spain" &gt;Spain&lt;/option&gt;
  &lt;option value="Sri Lanka" &gt;Sri Lanka&lt;/option&gt;
  &lt;option value="Sudan" &gt;Sudan&lt;/option&gt;
  &lt;option value="Suriname" &gt;Suriname&lt;/option&gt;
  &lt;option value="Swaziland" &gt;Swaziland&lt;/option&gt;
  &lt;option value="Sweden" &gt;Sweden&lt;/option&gt;
  &lt;option value="Switzerland" &gt;Switzerland&lt;/option&gt;
  &lt;option value="Syria" &gt;Syria&lt;/option&gt;
  &lt;option value="Taiwan" &gt;Taiwan&lt;/option&gt;
  &lt;option value="Tajikistan" &gt;Tajikistan&lt;/option&gt;
  &lt;option value="Tanzania" &gt;Tanzania&lt;/option&gt;
  &lt;option value="Thailand" &gt;Thailand&lt;/option&gt;
  &lt;option value="Togo" &gt;Togo&lt;/option&gt;
  &lt;option value="Tonga" &gt;Tonga&lt;/option&gt;
  &lt;option value="Trinidad and Tobago" &gt;Trinidad and Tobago&lt;/option&gt;
  &lt;option value="Tunisia" &gt;Tunisia&lt;/option&gt;
  &lt;option value="Turkey" &gt;Turkey&lt;/option&gt;
  &lt;option value="Turkmenistan" &gt;Turkmenistan&lt;/option&gt;
  &lt;option value="Tuvalu" &gt;Tuvalu&lt;/option&gt;
  &lt;option value="Uganda" &gt;Uganda&lt;/option&gt;
  &lt;option value="Ukraine" &gt;Ukraine&lt;/option&gt;
  &lt;option value="United Arab Emirates" &gt;United Arab Emirates&lt;/option&gt;
  &lt;option value="United States Minor Outlying Islands" &gt;United States Minor Outlying Islands&lt;/option&gt;
  &lt;option value="Uruguay" &gt;Uruguay&lt;/option&gt;
  &lt;option value="Uzbekistan" &gt;Uzbekistan&lt;/option&gt;
  &lt;option value="Vanuatu" &gt;Vanuatu&lt;/option&gt;
  &lt;option value="Vatican City" &gt;Vatican City&lt;/option&gt;
  &lt;option value="Venezuela" &gt;Venezuela&lt;/option&gt;
  &lt;option value="Vietnam" &gt;Vietnam&lt;/option&gt;
  &lt;option value="Virgin Islands, British" &gt;Virgin Islands, British&lt;/option&gt;
  &lt;option value="Virgin Islands, U.S." &gt;Virgin Islands, U.S.&lt;/option&gt;
  &lt;option value="Yemen" &gt;Yemen&lt;/option&gt;
  &lt;option value="Zambia" &gt;Zambia&lt;/option&gt;
  &lt;option value="Zimbabwe" &gt;Zimbabwe&lt;/option&gt;
  &lt;/select&gt;
  &lt;label for="Field16"&gt;Country&lt;/label&gt;
  &lt;/span&gt;
  &lt;/div&gt;
  &lt;/li&gt;
  
  
  
  &lt;li id="fo5li17" class="notranslate      "&gt;
  &lt;label class="desc" id="title17" for="Field17"&gt;
  Email
  &lt;/label&gt;
  &lt;div&gt;
  &lt;input id="Field17" name="Field17" type="email" spellcheck="false" class="field text medium" value="" maxlength="255" tabindex="19" onkeyup="handleInput(this);" onchange="handleInput(this);" /&gt; 
  &lt;/div&gt;
  &lt;/li&gt;
  
  
  
  
  
  &lt;li class="buttons "&gt;
  &lt;div&gt;
  &lt;input type="hidden" name="currentPage" id="currentPage" value="hrrPrWZVP1AZJEJQzZtacb98R0HanwMV1y1wuBeO5wuslashRLQ8=" /&gt;
  
                      &lt;input id="saveForm" name="saveForm" class="btTxt submit" 
      type="submit" value="Submit"
   onmousedown="doSubmitEvents();" /&gt;
  
  
  &lt;a href="https://master.wufoo.com/forms/m7p0x3/def/field1=shopandship.wufoo.com/forms/personal-shopper-order-form/"
  target="_blank"
  style="font-size:85% !important;visibility:visible !important;display:inline !important;
  background:none !important;border:none !important;color:blue !important;
  text-indent:0 !important;text-decoration:underline !important;position:static !important;
  margin:0 !important;padding:0 !important;overflow:none !important
  width:auto !important;height:auto !important;"&gt;Report Abuse&lt;/a&gt;
  &lt;/div&gt;
  &lt;/li&gt;
  
  &lt;li class="hide"&gt;
  &lt;label for="comment"&gt;Do Not Fill This Out&lt;/label&gt;
  &lt;textarea name="comment" id="comment" rows="1" cols="1"&gt;&lt;/textarea&gt;
  &lt;input type="hidden" id="idstamp" name="idstamp" value="2kFNZeuYuz6lYe9uHWYSc2f1+Ee+ilanB5I5soK26Ek=" /&gt;
  &lt;input type="hidden" id="stats" name="stats" value="{&amp;quot;errors&amp;quot;:0,&amp;quot;startTime&amp;quot;:0,&amp;quot;endTime&amp;quot;:0,&amp;quot;referer&amp;quot;:null}" /&gt;
  &lt;input type="hidden" id="clickOrEnter" name="clickOrEnter" value="" /&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/form&gt;
  
  
  
  
  
  
  
     &lt;script&gt;
  __RULES = {"Field1":[{"RuleId":"36","Type":"Hide","Setting":{"FieldName":"4","FieldTypes":{"1":"select"}},"FormId":"5","MatchType":"any","Conditions":[{"ConditionId":"60","FieldName":"1","Filter":"is","Value":"Lite Plan $0 per order","ReportId":"5","RuleId":"36"}]},{"RuleId":"37","Type":"Hide","Setting":{"FieldName":"6","FieldTypes":{"1":"select"}},"FormId":"5","MatchType":"any","Conditions":[{"ConditionId":"61","FieldName":"1","Filter":"is","Value":"Lite Plan $0 per order","ReportId":"5","RuleId":"37"}]}]};
  __ENTRY = [];
  __PRICES = {"ShowRunningTotal":true,"BasePrice":"0.00","Currency":"&amp;#36;","Decimals":2,"BasePriceName":"Pre\u00e7o base","TotalText":"Total","MerchantFields":[{"Title":"Choose a plan","Typeof":"select","ColumnId":"1","Price":"0","ChoicesText":"0","Choices":{"369":{"ColumnId":"1","ChoiceId":"369","Choice":"Lite Plan $0 per order","Price":"0","Score":1},"370":{"ColumnId":"1","ChoiceId":"370","Choice":"Pro Plan $10 per order","Price":"10","Score":2}},"DisplaySetting":""},{"Title":"Item #1 Price","Typeof":"money","ColumnId":"2","Price":"1","ChoicesText":"0","DisplaySetting":""},{"Title":"Item #2 Price","Typeof":"money","ColumnId":"6","Price":"1","ChoicesText":"0","DisplaySetting":""}],"BasePriceText":"Pre\u00e7o base"};
  
  &lt;/script&gt;
  </code></pre>
  
  <p>The magic code is under Rules in the java script code, how can i add this functionality to new text field to the form?</p>