如何更改选择框的内容
how to change the content of the select box?
我发现了一个代码,该代码根据第一个选择框中的所选选项更改第二个选择框中的选项。 它在 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);
});
也许你只需要在你的HTML代码中导入jquery源代码
尝试将其添加到您的 HTML 文件中。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
它可能已经在jsfiddle上运行,因为它被指示加载外部依赖项(在这种情况下为jquery)。
让我知道这是否解决了您的问题。
代码看起来不错。你确定你包含了jQuery库吗?
相关文章:
- 使用php动态更改选择选项
- jQuery inArray函数在更改选择时未获取值
- JavaScript 在更改选择时不显示文本区域
- 如何通过按钮更改选择表单
- 内嵌框架更改选择
- 单击“更改选择器后不触发”
- 根据选中的单选按钮更改选择框
- 在更改选择元素后,在 Javascript 上使用旧值和新值
- 在提交数据之前更改选择表单元素中的值
- 在angularjs中更改选择选项时调用函数
- 使用计数器更改选择数组名称
- 根据复选框更改选择选项的值
- 更改选择框时计算价格变化
- 更改选择选项下拉列表与onclick功能按钮
- 在下拉列表中更改选择器不起作用
- 使用 jQuery 更改选择元素中选项的属性
- Jquery:更改选择框值并激活单击状态
- 更改选择列表的选定值
- 选择.js destroy() 方法更改选择值
- 如何使用 JavaScript 或 CSS 更改选择标签中的选项宽度