Code: Select all
<html>
<head>
<script language="JavaScript">
<!--
function updateForm1(el) {
document.getElementById('mccmnc').value = el.value
if (mncArrayїel.value]) {
for (i=mncArray.length; i<9; i++) {
document.getElementById('mnc_'+i).text = ''
document.getElementById('mnc_'+i).value = ''
}
for (i=0; i<mncArray.length; i++) {
netArray = mncArrayїel.value]їi].split("#")
var net = netArrayї0]
var mnc = netArrayї1]
document.getElementById('mnc_'+i).text = net
document.getElementById('mnc_'+i).value = mnc
}
}
}
function updateForm2(el) {
document.getElementById('mccmnc').value = document.getElementById('mcc').value+el.value
}
mncArray = new Array()
//Albania
mncArrayї"276"] = new Array()
mncArrayї"276"]ї0] = "Albanian Mobile Comms#01"
// United Kingdom
mncArrayї"234"] = new Array ()
mncArrayї"234"]ї0] = "Virgin#00"
mncArrayї"234"]ї1] = "Virgin 2003 Spec#00001"
mncArrayї"234"]ї2] = "O2/Bt Cellnet#10"
mncArrayї"234"]ї3] = "Vodafone#15"
mncArrayї"234"]ї4] = "T-Mobile/1-2-1#30"
mncArrayї"234"]ї5] = "Orange#33"
mncArrayї"234"]ї6] = "Jersey Telecom GSM#50"
mncArrayї"234"]ї7] = "Guernsey Telecoms GSM#55"
mncArrayї"234"]ї8] = "Manx Telecom Pronto GSM#58"
// -->
</script>
</head>
<body>
<form name="details">
<select name="mcc" id="mcc" onChange="updateForm1(this)">
<option value="276">Albania</option>
<option value="603">Algeria</option>
<option value="213">Andorra</option>
<option value="283">Armenia</option>
<option value="505">Australia</option>
<option value="232">Austria</option>
<option value="400">Azerbaijan</option>
<option value="426">Bahrain</option>
<option value="470">Bangladesh</option>
<option value="206">Belgium</option>
<option value="218">Bosnia Herzegovina</option>
<option value="652">Botswana</option>
<option value="528">Brunei Darussalam</option>
<option value="284">Bulgaraia</option>
<option value="724">Brazil</option>
<option value="456">Cambodia</option>
<option value="624">Cameroon</option>
<option value="302">Canada</option>
<option value="625">Cape Verde</option>
<option value="730">Chile</option>
<option value="460">China</option>
<option value="612">Cote d'Ivoire</option>
<option value="219">Croatia</option>
<option value="280">Cyprus</option>
<option value="230">Czech Republic</option>
<option value="238">Denmark</option>
<option value="602">Egypt</option>
<option value="248">Estonia</option>
<option value="636">Ethiopia</option>
<option value="542">Fiji</option>
<option value="244">Finland</option>
<option value="208">France</option>
<option value="547">French Polynesia</option>
<option value="340">French West Indies</option>
<option value="282">Georgia</option>
<option value="262">Germany</option>
<option value="620">Ghana</option>
<option value="266">Gibraltar</option>
<option value="202">Greece</option>
<option value="290">Greenland</option>
<option value="611">Guinea</option>
<option value="454">Hong Kong</option>
<option value="216">Hungary</option>
<option value="274">Iceland</option>
<option value="404">India</option>
<option value="510">Indonesia</option>
<option value="432">Iran</option>
<option value="418">Iraq</option>
<option value="272">Ireland</option>
<option value="425">Israel</option>
<option value="222">Italy</option>
<option value="416">Jordan</option>
<option value="419">Kuwait</option>
<option value="437">Kyrgyz Republic</option>
<option value="457">Lao</option>
<option value="247">Latvia</option>
<option value="415">Lebanon</option>
<option value="651">Lesotho</option>
<option value="618">Liberia</option>
<option value="246">Lithuania</option>
<option value="270">Luxembourg</option>
<option value="455">Macau</option>
<option value="294">Macedonia</option>
<option value="646">Madagascar</option>
<option value="650">Malawi</option>
<option value="502">Malaysia</option>
<option value="278">Malta</option>
<option value="617">Mauritius</option>
<option value="259">Moldova</option>
<option value="604">Morocco</option>
<option value="634">Mozambique</option>
<option value="649">Namibia</option>
<option value="204">Netherlands</option>
<option value="546">New Caledonia</option>
<option value="530">New Zealand</option>
<option value="242">Norway</option>
<option value="422">Oman</option>
<option value="410">Pakistan</option>
<option value="310">Papua New Guinea</option>
<option value="515">Philippines</option>
<option value="260">Poland</option>
<option value="268">Portugal</option>
<option value="427">Qatar</option>
<option value="647">Reunion</option>
<option value="226">Romania</option>
<option value="250">Russia</option>
<option value="635">Rwanda</option>
<option value="420">Saudi Arabia</option>
<option value="608">Senegal</option>
<option value="633">Seychelles</option>
<option value="525">Singapore</option>
<option value="231">Slovak Republic</option>
<option value="293">Slovenia</option>
<option value="655">South Africa</option>
<option value="214">Spain</option>
<option value="413">Sri Lanka</option>
<option value="634">Sudan</option>
<option value="240">Sweden</option>
<option value="228">Switzerland</option>
<option value="417">Syria</option>
<option value="466">Taiwan</option>
<option value="640">Tanzania</option>
<option value="520">Thailand</option>
<option value="615">Togo</option>
<option value="605">Tunisia</option>
<option value="286">Turkey</option>
<option value="310">USA</option>
<option value="641">Uganda</option>
<option value="255">Ukraine</option>
<option value="424">United Arab Emirates</option>
<option value="234">United Kingdom</option>
<option value="434">Uzbekistan</option>
<option value="734">Venezuela</option>
<option value="452">Vietnam</option>
<option value="220">Yugoslavia</option>
<option value="645">Zambia</option>
<option value="648">Zimbabwe</option>
</select>
<p>
<select name="mnc" id="mnc" onChange="updateForm2(this)">
<option value="">Select provider</option>
<option id="mnc_0" value=""></option>
<option id="mnc_1" value=""></option>
<option id="mnc_2" value=""></option>
<option id="mnc_3" value=""></option>
<option id="mnc_4" value=""></option>
<option id="mnc_5" value=""></option>
<option id="mnc_6" value=""></option>
<option id="mnc_7" value=""></option>
<option id="mnc_8" value=""></option>
</select>
<p>
<input type="text" name="mccmnc" id="mccmnc" value="" size="8">
</form>
</body>
</html>I can get the form to update but I want the excess options (i.e. mnc_1 - 8 for albania) to hide or go blank when I chose the relevant option.
Drop down box 1 should force drop down 2 to show/hide options given by the relevant arrays.
The text box at the bottom just concatenates the two values.
How do I hide options in a <select> tag or make them blank dynamically?
Thanks in advnace