Question

我找到了一个代码，根据第一个选择框中选择的选项更改第二个选择框中的选项。它在jsfiddle工作，但当我在我的笔记本电脑中尝试它，它不起作用，你能找出原因吗？ javascript使用jquery 1.7.2，我在mozilla上运行它。继承人的代码

<select name="select1" id="select1">
<option value="1">Fruit</option>
<option value="2">Animal</option>
<option value="3">Bird</option>
<option value="4">Car</option>
</select>


<select name="select2" id="select2">
<option value="1">Banana</option>
<option value="1">Apple</option>
<option value="1">Orange</option>
<option value="2">Wolf</option>
<option value="2">Fox</option>
<option value="2">Bear</option>
<option value="3">Eagle</option>
<option value="3">Hawk</option>
<option value="4">BWM
<option>
</select>

继承人javascript;

$("#select1").change(function() {
if ($(this).data('options') == undefined) {
/*Taking an array of all options-2 and kind of embedding it on the      select1*/
$(this).data('options', $('#select2 option').clone());
}
var id = $(this).val();
var options = $(this).data('options').filter('[value=' + id + ']');
$('#select2').html(options);
});

Answer 1

也许你只需要在HTML代码中导入jquery源代码

尝试将此添加到您的HTML文件中。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

它可能已经在jsfiddle上运行，因为它被指示加载外部依赖项（在这种情况下是jquery）。

如果这解决了您的问题，请告诉我。

Answer 2

代码看起来没问题。你确定你有jQuery库吗？

如何更改选择框的内容？

2 个答案: