按下列排版输入下列代码：
if (data) {
var jsonObject = eval(data.Table);
var selectSecond = $("#SelectSecond");
selectSecond.empty();
for (var i = 0; i < jsonObject.length; i++) {
var Opt = new Option();
//var Opt = document.createElement("option");
Opt.value = jsonObject[i].numbers;
Opt.Text = jsonObject[i].notects;
selectSecond.options.add(Opt);
}
在前端
<select id="SelectSecond" onchange="selected()">
</select>
但是样没有反应，下拉框是空白的。jsonObject确实是有值的。
更多0
关于 select 的添加 option 应该注意的问题。
标准的做法如上
也就是说，标准的做法是 s.options.add();
但是如果你一定要用 s.appendChild(option);
注意了，你只能用如下两种方式之一:
1.
s.appendChild(option);
option.text = 'hello world';
option.value =3;
也就是，一定要先添加到 select 中，然后再为 option 赋值。否则在 FF 下是显示正常的，但是在 IE6 中显示的是空白
2. 如果你要讲 option.text 和 option.value 的赋值放在前面，那么请用 option.innerHTML 而不是 option.text
如下:
option.innerHTML = 'hello world';
opion.value = 3;
option.appendChild(option);
3 第三种解决方式。
var op=document.createElement("option"); // 新建OPTION (op)
op.setAttribute("value",0); // 设置OPTION的 VALUE
op.appendChild(document.createTextNode("请选择---")); // 设置OPTION的 TEXT
select.appendChild(op); // 为SELECT 新建一 OPTION(op)
select.options.length=0; //把select对象的所有option清除掉
select.options.remove(i); //把select对象的第i个option清除掉
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JS动态添加删除option</title>
<script>
//动态删除select中的所有options：
function delAllOptions(){
document.getElementById("user_dm").options.length=0;
}
//动态删除select中的某一项option：
function delOneOption(indx){
document.getElementById("user_dm").options.remove(indx);
}
// 动态添加select中的项option:
function addOneOption(){
//document.getElementById("user_dm").options.add(new Option(2,"mytest"));
var selectObj=document.getElementById("user_dm");
alert(selectObj.length);
selectObj.options[selectObj.length] = new Option("mytest", "2");
}
</script>
</head>
<body>
<select id="user_dm" name="user_dm">
<option value="0" selecte>==请选择人员==</option>
<option value="1">test</option>
</select><br>
<input type="button" onClick="addOneOption()" value="添加">
<input type="button" onClick="delOneOption(1)" value="删除第一个">
<input type="button" onClick="delAllOptions()" value="清空">
</body>
</html>
===============================================================================
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Js动态添加与删除Option对象</TITLE>
<script language="JavaScript">
// 添加选项
function addOption(pos){
var objSelect=document.getElementById("mySelect");
// 取得字段值
//var strName = document.myForm.myOptionName.value;
// var strValue = document.myForm.myOptionValue.value;
// 建立Option对象
var objOption = new Option("李高灰","bbbbbbbbb");
if (pos == -1&& pos > objSelect.options.length))
objSelect.options[objSelect.options.length] = objOption;
else
objSelect.add(objOption, pos);
}
// 删除
function deleteOption(type){
var objSelect=document.getElementById("mySelect");
if (type == true)
objSelect.options[objSelect.selectedIndex] = null;
else
objSelect.remove(objSelect.selectedIndex);
}
// 显示选项信息
function showOption(){
var objSelect=document.getElementById("mySelect");
var name = objSelect.options[objSelect.selectedIndex].text;
var value = objSelect.options[objSelect.selectedIndex].value;
alert(name + " = " + value);
}
//动态删除select中的所有options：
function clearAllOptions(){
var objSelect=document.getElementById("mySelect");
objSelect.options.length=0;
}
</script>
用js给select插入option
1、使用innerHTML <script>var shosetype=document.createElement("select"); \/\/创建select标签 shosetype.setAttribute("id","sc");\/\/设置select的id为“sc"document.body.appendChild(shosetype);\/\/将select添加到bodyvar option="<option value=\\"1\\">添加成功<\/option>";\/\/新建optionsshosetyp...
JS实现select选中option触发事件操作示例
<select name="myselect" id="myselect"> <option value="opt1">选项1<\/option> <option value="opt2">选项2<\/option> <option value="opt3">选项3<\/option><\/select>$("#myselect").change(function(){ var opt=$(&#...
JSP。从数据库读取的数据给Select让select默认option为读得数据,怎么实...
<\/select> 如果只有一个要默认选中就用下面这个：<select> <option <s:if test="quantity==3">selected<\/s:if> value="${quantity}">合格<option> <option <s:if test="quantity==2">selected<\/s:if> value="${quantity}">不合格<option> <option <s:if test="quantity==1">selected...
js怎么添加一个下拉列表的值
1、HTML结构，包括一个select项，含有三个options。另外，设置input和button,通过自由父子，实现给select增加自定义option。此时的显示效果如下，其中option中有三项。2、JS的函数设计如下：现有的options如下：3、在页面上输入新的数据，点击添加。此时的select效果显示如下，自由添加功能实现。
js中给select 添加options
for(var i = list.options.length; i >= 0; i--){ list.remove(i);} } <\/script> <\/head> <body> <select name="list" id="list" style="width:120px"> <\/select> <input type="button" onclick="addList()" value="生成"\/> <input type="button" onclick="clearList()"...
js 给 select 怎么添加项?
\/\/---select_obj：要添加的对象；text：显示的文字；value：对应的值；n：是否增加后为选中，大于1是；function addOption(select_obj,text,value,n){ select_obj.options.add(new Option(text,value));if (n>0){ select_obj.selectedIndex = select_obj.options.length-1;} } ...
利用JS 增加 HTML select 标签 的option 可以使用 add() 添加到最后...
var objSelect=document.getElementById("select的id");objSelect.options.add( new Option(txt, val));
怎么用jsp给select中options赋值
动态赋值比较繁琐，你可以在页面中设置两个 根据不同的条件对这两个 进行显示或者隐藏 ，隐藏时需要设置当前的为disabled状态 也可以先把 改成 controller 里写 request.getparamter("xy_key")就能获取到${xue.dictvalue0}
怎么用jsp给select中options赋值
在JS中先给select定义个id,通过var select=document.getElementById();取这个select，如果你要改变是的选中option的value的话就用select.option[select.selectedIndex].value给它赋值,如果你要改的是option显示的值的话～就只能用innerHTML了～select.option[select.selectedIndex].innerHTML ...
js下拉菜单如何增加空项目
js 向select下拉菜单里添加项目 var selectObj = getElementById('selectid'); \/\/取得select var seltem = new Option("显示文字", “值”);\/\/创建项目，两个参数第一个是 显示text ，第二个是value selectObj .options.add(seltem ); \/\/新项添加到select中 ...
