使用 javascript 更新 html <select> 标签
Updating the html <select> tag using javascript
[solved]所以我下面的代码应该使用 id="country" 检查第一个下拉选择菜单的值,并根据当前选择的值更改第二个菜单的下拉选项。以下是我解决此问题的尝试,但它不起作用:(有什么帮助吗?
编辑:我开始认为"var country"的值在手动更改时没有更新,可能是onChange不起作用吗? 我正在使用Chrome,所以应该支持它。
<div id="forum2">
<form action="#forumhandler.php">
<fieldset>
<legend>Shipping Calculator</legend>
Country:<br>
<select id="country" onChange='fieldcheck()'>
<option value="us">United States</option>
<option value="canada">Canada</option>
</select>
<br><br>
Province/State:<br>
<select id="state" >
<option value="s1">Ontario</option>
<option value="s2">Quebec</option>
</select>
</fieldset>
</form>
</div>
<script>
var country = document.getElementById("country");
var state = document.getElementById("state");
function fieldcheck() {
if (country.value == "us") {
state.options[0].value = "U1";
state.options[1].value = "U2";
} else if(country.value == "canada"){
state.options[0].value = "C1";
state.options[1].value = "C2";
}
}
</script>
尝试将脚本标签放在结束正文标签之前。在其当前位置,它试图确定状态的值,该值为 null,因为当该文档选择器行运行时,ID 为"state"的元素不存在。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
var country = document.getElementById("country");
var state = document.getElementById("state");
});
function fieldCheck() {
if (country.value == "us") {
state.options[0].value = "U1";
state.options[1].value = "U2";
} else if(country.value == "canada"){
state.options[0].value = "C1";
state.options[1].value = "C2";
}
alert("first option value is " + state.options[0].value + " and second option value is " + state.options[1].value);
}
</script>
这是适合您的工作代码。 希望对您有所帮助
相关文章:
- 用 javascript 数组填充 struts2 select 标签
- Angular js 监视带有 ng-repeat 的 Select 标签上的对象数组
- select标签中的Mixitup过滤器在谷歌chrome和IE中不起作用
- 2-way数据绑定在Angular UI的select标签中不起作用
- 在html的select标签中调用javascript函数
- 在Django 1.7中从select标签中获取POST值
- 不能使用angular.js和PHP在select标签中设置选定值
- 如何使用select标签的title属性删除选中的选项
- 从javascript上的select标签中获取值
- 如何从多个SELECT标签中获取值(Jquery)
- 需要一个select标签来跨文档运行javascript
- 在AngularJS中如何根据另一个Select的选择索引来改变一个Select标签的内容
- Angular的select标签带有选项和对象比较
- 我怎样才能得到select>标签选项,由用户使用Flask选择
- 使用Javascript从模板的select标签重定向到Django中的函数
- 可以在django表单中加入select标签
- 当按下快捷键时,使用angular将焦点放在select标签上
- JavaScript和JQuery在select标签中的onchange调用时不起作用
- 当使用bootstrap的list-group css类时,option标签不会被添加到select标签中
- 如何在使用angularjs的select标签中显示使用select2的标签