JS动态给select的option赋值的具体操作步骤如下：
1、首先我们打开JS软件，点击界面左上角file选项目录下的new选项，再选择java project 新建web项目操作。
2、操作上图后进入下图界面，输入项目名点击下一步直到完成。
3、建立完成后，项目结构如下图。
4、在超链接中设置调用函数用于更新option，代码如下图红框所选。
5、在change函数中获取seclect项，获取option的数量，遍历option获取选中的option更新选中项。
6、最后看一下运行的效果，此时我们可以动态输入数值给select的option赋值。
js给span标签赋值的方法一般有两种方法：
第一种方法：输出html
<body onload="s()"><span id="hello"></span>
<script language="javascript">
function s(){
document.getElementById("hello").innerHTML = "<iframe src= height=400 width=300></iframe>"
}
</script>
第二种方法：输出文本
<body onload="s()"><span id="hello"></span>
<script language="javascript">
function s(){
document.getElementById("hello").innerText = "hello world"
}
</script>
使用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")），这种方法更直观更简便。
