[英]Change one form select option based on other selection
我正在使用此代码。 我正在使用内部脚本。我能够看到第一个选择; 但是第二选择的值不会由于第一选择而改变。 我可能缺少一些基本的东西。 请帮忙。 请提供一个工作示例。
<!DOCTYPE html>
<html>
<body>
<script>
$(document).ready(function() {
$("#type").change(function() {
var val = $(this).val();
if (val == "item1") {
$("#size").html("<option value='test'>item1: test 1</option><option
value='test2'>item1: test 2</option>");
} else if (val == "item2") {
$("#size").html("<option value='test'>item2: test 1</option><option
value='test2'>item2: test 2</option>");
} else if (val == "item3") {
$("#size").html("<option value='test'>item3: test 1</option><option
value='test2'>item3: test 2</option>");
}
});
});
</script>
<select id="type">
<option value="item1">item1</option>
<option value="item2">item2</option>
<option value="item3">item3</option>
</select>
<select id="size">
<option value="">-- select one -- </option>
</select>
</body>
</html>
您尚未导入jquery就是问题所在
将以下html代码复制并粘贴到html页面中
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#type").change(function() {
var val = $(this).val();
if (val == "item1") {
$("#size").html("<option value='test'>item1: test 1</option><option value='test2'>item1: test 2</option>");
} else if (val == "item2") {
$("#size").html("<option value='test'>item2: test 1</option><option value='test2'>item2: test 2</option>");
} else if (val == "item3") {
$("#size").html("<option value='test'>item3: test 1</option><option value='test2'>item3: test 2</option>");
}
});
});
</script>
</head>
<body>
<select id="type">
<option value="item1">item1</option>
<option value="item2">item2</option>
<option value="item3">item3</option>
</select>
<select id="size">
<option value="">-- select one -- </option>
</select>
</body>
</html>
检查此jsfiddle以查看工作示例http://jsfiddle.net/YPsqQ/
你需要使用
$("#id").change(function() {
//your code here
});
资料来源: http : //jsfiddle.net/YPsqQ/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.