87,907
社区成员
发帖
与我相关
我的任务
分享JavaScript怎么在指定id后添加html语句
<html>
<head>
<title>group</title>
</head>
<body>
<script>
var jstr = "[{'group':'test1'},{'group':'test2'}]";
var obj = eval( "(" + jstr + ")" ) ;
for ( var i =0 ; i<obj.length; i++ )
{
for(var n in obj[i])
{
value = obj[i][n];
oo = '<option value=' + value +' >' + value + '</option>';
document.getElementById("select_group").innerHTML = document.getElementById("select_group").innerHTML+oo;
}
}
</script>
<div>
<select name="select_group" id="select_group">
<option id="choice" value="" selected>请选择</option>
</select>
</div>
</body>
</html>
请问要怎么才能把test1,test2放到下拉框里啊？
<head>
<title>group</title>
</head>
<body>
<script>
var jstr = "[{'group':'test1'},{'group':'test2'}]";
var obj = eval( "(" + jstr + ")" ) ;
for ( var i =0 ; i<obj.length; i++ )
{
for(var n in obj[i])
{
value = obj[i][n];
oo = '<option value=' + value +' >' + value + '</option>';
document.getElementById("select_group").innerHTML = document.getElementById("select_group").innerHTML+oo;
}
}
</script>
<div>
<select name="select_group" id="select_group">
<option id="choice" value="" selected>请选择</option>
</select>
</div>
</body>
</html>
请问要怎么才能把test1,test2放到下拉框里啊？
...全文
请发表友善的回复…
发表回复
hch126163 2016-02-20
- 打赏
- 举报
var jstr = "[{'group':'test1'},{'group':'test2'}]";
var obj = eval( "(" + jstr + ")" ) ;
window.onload = function() {
var select = document.getElementById("select_group");
for ( var i =0 ; i<obj.length; i++ )
{
var value = obj[i].group;
select.options.add( new Option(value , value ));
}
};
KK3K2005 2016-02-20
- 打赏
- 举报
搜索 dom操作 insertBefor insertAfter
以专业开发人员为伍 2016-02-19
- 打赏
- 举报
你可以看看 http://knockoutjs.com/documentation/options-binding.html
这样的页面设计，首先对于 html “一眼就能看整体”，而不是支离破碎的 html 代码分布到 js 中到处，另外就是 viewModel 对象与 UI 是一对多的关系，也就是说控制对象不依赖于 UI 代码，那么你的一大堆 js 代码写起来就好像是 javascript 数据的简单的增删改，UI 自动化地变化了。你无须在 js 代码中操作 UI。
以专业开发人员为伍 2016-02-19
- 打赏
- 举报
好乱。
天际的海浪 2016-02-19
- 打赏
- 举报
var jstr = "[{'group':'test1'},{'group':'test2'}]";
var obj = eval( "(" + jstr + ")" ) ;
window.onload = function() {
for ( var i =0 ; i<obj.length; i++ )
{
for(var n in obj[i])
{
var value = obj[i][n];
var oo = document.createElement("option");
oo.text = value;
oo.value = value;
document.getElementById("select_group").appendChild(oo)
}
}
}
jio可 2016-02-19
- 打赏
- 举报
漏了点东西
jio可 2016-02-19
- 打赏
- 举报
var select = document.getElementById("select_group");
select.options.add( new Option("test1", "test1"));
select.options(new Option("test2", "test2"));
