0

私はこのコードを使用しています。内部スクリプトを使用しています。最初の選択を見ることができます。ただし、最初の選択により、2 番目の選択の値は変更されません。私はいくつかの基本的なことを見逃しているかもしれません。助けてください。実際の例を提供してください。

<!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>
4

2 に答える 2

2

問題である 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>
于 2013-06-21T04:09:09.897 に答える
1

このjsfiddleをチェックして、実際の例を確認してくださいhttp://jsfiddle.net/YPsqQ/

使用する必要があります

 $("#id").change(function() {

//your code here

});

ソース: http://jsfiddle.net/YPsqQ/

于 2013-06-21T03:12:17.437 に答える