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>

...全文

107 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));

在这篇文章中，我们将介绍如何使用JavaScript来动态设置select下拉菜单的默认选中项。这个过程对于Web开发人员来说是非常常见的需求，尤其是在需要根据不同的条件来显示不同的下拉菜单选项时。首先，我们需要了解...

在网页开发中，JavaScript（简称JS）是一种必不可少的前端编程语言，它被广泛用于实现页面交互和动态效果。本文将详细讲解如何使用JavaScript来模拟点击一个`<select>`元素，从而展示其下拉菜单列表。`<select>`是...

然而，有时为了实现更复杂的功能或者更好的视觉效果，开发者可能会选择使用JavaScript来模拟`<select>`下拉菜单。这种方法可以提供更多的自定义选项，如动画效果、多级下拉、异步加载等。 ### 1. 常规HTML `<select...

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

JavaScript

87,997

社区成员

224,709

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章