js操作列表/菜单(select/option)的问题

songfuqiang 2010-06-22 05:22:50

<select size="15" id="selectleft" style="width:150px" multiple>想在这里把以下字符串加进来</select>

以下是一些列表，想加载列表框中

<option value="1">Properties 1</option>
<option value="2">Properties 2</option>
<option value="3">Properties 3</option>
<option value="4">Properties 4</option>
<option value="5">Properties 5</option>
<option value="6">Properties 6</option>
<option value="7">Properties 7</option>
<option value="8">Properties 8</option>

...全文

108 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

xk1126 2010-06-22

打赏
举报

window.onload = function () {
//document.getElementById("selectleft").innerHTML = "<option value="1">Properties 1</option>";//这样就添加一个了
document.getElementById("selectleft").innerHTML = document.getElementById("s").innerHTML;
};

<select size="15" id="selectleft" style="width:150px" multiple>想在这里把以下字符串加进来</select>

以下是一些列表，想加载列表框中
<span id="s">
<option value="1">Properties 1</option>
<option value="2">Properties 2</option>
<option value="3">Properties 3</option>
<option value="4">Properties 4</option>
<option value="5">Properties 5</option>
<option value="6">Properties 6</option>
<option value="7">Properties 7</option>
<option value="8">Properties 8</option>
</span>

浪尖赏花 2010-06-22

打赏
举报

<html>



<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>test</title>



</head>



<body>



<select size="15" id="selectleft" style="width:150px" multiple>



</select>  



<script>

var str = '<option value="1">Properties 1</option>'

+'<option value="2">Properties 2</option>'   

+'<option value="3">Properties 3</option>'   

+'<option value="4">Properties 4</option>'   

+'<option value="5">Properties 5</option>'   

+'<option value="6">Properties 6</option>'   

+'<option value="7">Properties 7</option>'   

+'<option value="8">Properties 8</option>';

var re = /<option value="([^"]*)">([^<]*)<\/option>/g;

var arr = str.match(re);

var s = document.getElementById("selectleft");

for(var i=0;i<arr.length;i++){

	var a = arr[i].replace(re,"$1,$2").split(",");

	s.add(new Option(a[1],a[0]));

}

</script>

</body>



</html>

Headsen 2010-06-22

打赏
举报

var op = new Option(text,value)
document.getElementById("selectleft").add(op)
循环全部加入

hoojo 2010-06-22

打赏
举报



window.onload = function () {

      //document.getElementById("selectleft").innerHTML = "<option value="1">Properties 1</option>";//这样就添加一个了

      document.getElementById("selectleft").innerHTML = document.getElementById("s").innerHTML;

};



<select size="15" id="selectleft" style="width:150px" multiple>想在这里把以下字符串加进来</select>  



以下是一些列表，想加载列表框中

<span id="s">

<option value="1">Properties 1</option>   

<option value="2">Properties 2</option>   

<option value="3">Properties 3</option>   

<option value="4">Properties 4</option>   

<option value="5">Properties 5</option>   

<option value="6">Properties 6</option>   

<option value="7">Properties 7</option>   

<option value="8">Properties 8</option> 

</span>

dojotoolkit 2010-06-22

打赏
举报

for(var i = 1; i<=8; i++)document.getElementById('selectleft').options.add(new Option('Properties' + i, i));

今天小编就为大家分享一篇js动态设置select下拉菜单的默认选中项实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

js模拟点击select下拉菜单列表代码 js模拟点击select下拉菜单列表代码 js模拟点击select下拉菜单列表代码 js模拟点击select下拉菜单列表代码

JS模拟select下拉菜单

用js实现三级级联，<select id="s1" onChange="changeSelect2('s1','s2')"> <option value="" selected="selected">请选择option> <option value="A" >Aoption> <option value="B">Boption> select> <select id="s2" onChange="changeSelect3('s2','s3')"> <option value="" selected="selected">请选择option> select> <select id="s3"> <option value="" selected="selected">请选择option> select>

select 带搜索功能

JavaScript

87,997

社区成员

224,709

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章