无法在IOS中选择javascript填充的表单选项

Question

我为地产代理创建了一个网站，页面左侧有一个搜索表单，部分由javascript填充，具体取决于观众是想租还是买房子。这适用于桌面浏览器，但不适用于iPad。

当您点击其他一些下拉菜单时，第一个选择（购买/销售）会突出显示。

测试网站是：http://test.southampton-property.com/index.php

表单代码为：

<p><form method="POST" action="http://test.southampton-property.com/listing.php" name="myform"><label>I'm interested in...</p>
<p><select onChange="changeOptions()" name="de" id="searchType">
<option value="RS">Buying a Home</option>
<option value="RL">Renting a Home</option>
</select>
</label></p>
<p style="margin-top:6px"><label onclick="">Type of Property...<br />
<select name="st">
<option value="ALL">All</option>
<option value="BUNG">Bungalow</option>
<option value="COTT">Cottage</option>
<option value="FLAT" selected="selected">Flat/Apartment</option>
<option value="HOUS">House</option>
<option value="HOUS">Retirement Property</option>
<option value="STUD">Studio</option>
</select>
</label></p>
<p style="margin-top:6px"><label onclick="">Minimum Bedrooms...<br />
<select name="be">
<option value="0">Studio</option>
<option value="1">1 Bedroom</option>
<option value="2">2 Bedrooms</option>
<option value="3">3 Bedrooms</option>
<option value="4">4 Bedrooms</option>
<option value="5">5+ Bedrooms</option>
</select> </label></p>
<p style="margin-top:6px"><label onclick="">Maximum Price...<br /> <select name="pt" id="price"> <option value="75000">&pound;75,000</option> <option value="100000">&pound;100,000</option> <option value="125000">&pound;125,000</option> <option value="150000">&pound;150,000</option> <option value="200000">&pound;200,000</option> <option value="250000" selected="selected">&pound;250,000</option> <option value="300000">&pound;300,000</option> <option value="350000">&pound;350,000</option> <option value="400000">&pound;400,000</option> <option value="450000">&pound;450,000</option> <option value="500000">&pound;500,000</option> <option value="1000000">&pound;1,000,000</option> </select> </label></p>
<p><input name="SUBMIT" class="button" value="Find your ideal Property" type="submit" /></form></p>

加载租赁/销售数据的JavaScript是：

// JavaScript Document
function changeOptions()
{

var index = document.getElementById("searchType").selectedIndex;
var pt=document.getElementById("price");
if(index==1) {
pt.options[0] = new Option('\u00A3400', '400');
pt.options[1] = new Option('\u00A3500', '500');
pt.options[2] = new Option('\u00A3600', '600');
pt.options[3] = new Option('\u00A3700', '700');
pt.options[4] = new Option('\u00A3800', '800');
pt.options[5] = new Option('\u00A3900', '900');
pt.options[6] = new Option('\u00A31000', '1000');
pt.options[7] = new Option('\u00A31100', '1100');
pt.options[8] = new Option('\u00A31200', '1200');
pt.options[9] = new Option('\u00A31300', '1300');
pt.options[10] = new Option('\u00A31400', '1400');
pt.options[11] = new Option('\u00A31500', '1500');
pt.options[12] = new Option('\u00A31600', '1600');
pt.options[13] = new Option('\u00A31700', '1700');
pt.options[14] = new Option('\u00A31800', '1800');
pt.options[15] = new Option('\u00A31900', '1900');
pt.options[16] = new Option('\u00A32000', '2000');
pt.options[17] = new Option('\u00A32100', '2100');
pt.options[18] = new Option('\u00A32200', '2200');
pt.options[19] = new Option('\u00A32300', '2300');
pt.options[20] = new Option('\u00A32400', '2400');
pt.options[21] = new Option('\u00A32500', '2500');
pt.options[22] = new Option('\u00A32600', '2600');
pt.options[23] = new Option('\u00A32700', '2700');
pt.options[24] = new Option('\u00A32800', '2800');
pt.options[25] = new Option('\u00A32900', '2900');
pt.options[26] = new Option('\u00A33000', '3000');

}
else {
pt.options[0] = new Option('\u00A375,000', '75000');
pt.options[1] = new Option('\u00A3100,000', '100000');
pt.options[2] = new Option('\u00A3125,000', '125000');
pt.options[3] = new Option('\u00A3150,000', '150000');
pt.options[4] = new Option('\u00A3200,000', '200000');
pt.options[5] = new Option('\u00A3250,000', '250000');
pt.options[6] = new Option('\u00A3300,000', '300000');
pt.options[7] = new Option('\u00A3350,000', '350000');
pt.options[8] = new Option('\u00A3400,000', '400000');
pt.options[9] = new Option('\u00A3450,000', '450000');
pt.options[10] = new Option('\u00A3500,000', '500000');
pt.options[11] = new Option('\u00A31,000,000', '1000000');
pt.selectedIndex=5;

}
}

我不是一个真正的程序员（只是将位拼凑在一起），因此对正在发生的事情没有深刻的理解。一点知识是危险的。但有人可以帮忙吗？我将onclick =“”作为尝试解决此问题，但这不起作用。

： - ）

Answer 1

这是你的标签标签，正好在“我感兴趣”之前造成了麻烦。

在第一个框的选择之前移动它。

<p><form method="POST" action="http://test.southampton-property.com/listing.php" name="myform">I'm interested in...</p>
<p><label><select onChange="changeOptions()" name="de" id="searchType">