gpt4 book ai didi

javascript - jQuery 主详细信息选择列表不起作用

转载 作者:行者123 更新时间:2023-12-03 08:13:50 25 4
gpt4 key购买 nike

我正在尝试隔离 this jsfiddle script,但由于某种原因我看不到,隔离不起作用,并且 firebug 不会向控制台报告任何内容:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">

$("#sel2").prop("disabled", true);

$( "#sel1" ).change(function() {
var value = $(this).val();
$("#sel2").prop("disabled", false);
$("#sel2 > option").hide();
$("#sel2 > option[value*='" + value +"']").show();
});
</script>
</head>
<body>
<form>
<select name="mobile-phone" class="mobile-phone" id='sel1'>
<option value="Select">Select</option>
<option value="Nokia">Nokia</option>
<option value="Samsung">Samsung</option>
<option value="HTC">HTC</option>
<option value="Apple">Apple</option>
</select>
<select name="mobile-model" class="mobile-model" id='sel2'>
<option value="Select">Select</option>
<option value="Nokia--Lumia-520">Lumia 520</option>
<option value="Nokia--Lumia-620">Lumia 620</option>
<option value="Samsung--Galaxy-s3">Galaxy S3</option>
<option value="Samsung--Galaxy-s4">Galaxy S4</option>
<option value="HTC--hero">Hero</option>
<option value="HTC--one">One</option>
<option value="Apple--iphone4">iPhone 4</option>
<option value="Apple--iphone5">iPhone 5</option>
</select>
</form>
</body>
</html>

有什么建议吗?

最佳答案

包装文档就绪函数

    $(document).ready(function()
{
$("#sel2").prop("disabled", true);

$( "#sel1" ).change(function() {
var value = $(this).val();
if(value !="Select")
{
$("#sel2").prop("disabled", false);
$("#sel2 > option").hide();
$("#sel2 > option:eq(0)").prop('selected', true);
$("#sel2 > option[value*='" + value +"']").show();
}
else
{
$("#sel2").prop("disabled", true)
}
});
});

关于javascript - jQuery 主详细信息选择列表不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34035961/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com