Как изменить содержимое поля выбора?

Question

Я нашел код, который изменяет параметры во втором поле выбора в зависимости от выбранного параметра в первом поле выбора. он работает в jsfiddle, но когда я пытаюсь использовать его в своем ноутбуке, он не работает, можете ли вы узнать почему? javascript использует jquery 1.7.2, и я запускаю его на mozilla. Heres код

<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

Может быть, вам просто нужно импортировать исходный JQuery код в HTML-код

Try Добавляя это в HTML-файл.

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

Это, вероятно, уже работает на jsfiddle, как это было поручено, чтобы загрузить внешнюю зависимость (JQuery в данном случае).

Сообщите мне, если это решит вашу проблему.

Answer 2

Код выглядит нормально. У вас есть библиотека jQuery?