js给下拉框赋值

JavaScript021

js给下拉框赋值,第1张

法1.$("#Select").append("<option value='"+id+"'>"+name+"</option>")

法2.从json读取

<input class="easyui-combobox" name="" id="" data-options="valueField:'id',textField:'name',url:'json文件或AJAX事件'" />

JS动态给select的option赋值的具体操作步骤如下:

1、首先我们打开JS软件,点击界面左上角file选项目录下的new选项,再选择java project 新建web项目操作。

2、操作上图后进入下图界面,输入项目名点击下一步直到完成。

3、建立完成后,项目结构如下图。

4、在超链接中设置调用函数用于更新option,代码如下图红框所选。

5、在change函数中获取seclect项,获取option的数量,遍历option获取选中的option更新选中项。

6、最后看一下运行的效果,此时我们可以动态输入数值给select的option赋值。

var opt = '<option value="1">呵呵1</option><option value="2">呵呵2</option>'

$('#id').html(opt)

id就是select标签的id值,这是用jQuery

document.getelementbyid(id).html=opt js方式

首选jQuery