1
有2个下拉菜单,第2个依赖于1个。 相同的代码在Chrome/Firefox中工作正常,但在IE浏览器不工作JQuery .find()和.children()在IE11中不工作
下面是jQuery代码:
$(document).ready(function() {
$("#CurrencyPair").children('option:gt(0)').hide();
$("#part1currency").change(function() {
$("#CurrencyPair").children('option').hide();
$("#CurrencyPair").children("option[value^=" + $(this).val() + "]").show();
});
});
下面是HTML代码:
<select name="part1currency" id="part1currency">
<option value="Select">Select</option>
<option value="EUR">EUR</option>
<option value="USD">USD</option>
<option value="GBP">GBP</option>
</select>
<select name="CurrencyPair" id="CurrencyPair">
<!--Below shows when '1 column' is selected is hidden otherwise-->
<option value="Select">--Select--</option>
<!--Below shows when '2 column' is selected is hidden otherwise-->
<option value="EUR/USD">EUR/USD</option>
<option value="col2_sm">layout 2</option>
<!--Below shows when '3 column' is selected is hidden otherwise-->
<option value="USD/EUR">USD/EUR</option>
<option value="col3_ssm">layout 4</option>
<option value="col3_sms">layout 5</option>
</select>
我也有同样的问题,发现不工作在IE – BostonMacOSX