JS动态给select的option赋值的具体操作步骤如下:
1、首先我们打开JS软件,点击界面左上角file选项目录下的new选项,再选择java project 新建web项目操作。
2、操作上图后进入下图界面,输入项目名点击下一步直到完成。
3、建立完成后,项目结构如下图。
4、在超链接中设置调用函数用于更新option,代码如下图红框所选。
5、在change函数中获取seclect项,获取option的数量,遍历option获取选中的option更新选中项。
6、最后看一下运行的效果,此时我们可以动态输入数值给select的option赋值。
使用js可以先将这个input设置一个id方便取值
使用jQuery可以更方便的解决这个问题。(需引入jQuery库)
所谓的动态赋值其实就是改变input的value属性。
<input type="text" name="name" id="name" /><script type="text/javascript">
//js通过id获取html对象并赋值
doument.getElenemtById("name").value="123"//通过id获取id为name元素并修改value属性为123
//通过jquery获取html对象并赋值
$("#name").val("123")//jquery通过id属性并修改value属性为123
$("input[name='name']").val("123")//jquery通过name属性获取html对象并赋值为123
</script>
js的doument.getElenemtById()方法可以通过id直接获取到html对象
jquery则通过定义的选择器获取html对象($("#id")),这种方法更直观更简便。