Javascript select 如何动态添加options_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
Javascript select 如何动态添加options
Javascript select 如何动态添加options
我有更好的答案
txt.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&gt.dtd" target="_blank">http.javascript&head&input id=&testbtn&testlist&/head&&script language=&javascript& type=&text/ charset=utf-8& /&&title&gt://新增下拉列表项目&);DTD XHTML 1;testbtn&); if(btnobj) { btnobj, val);& } i=0;}function InsertItem(){ i++; var testlistobj = document.getElementById(& val = txt + i.toString();window.onload = function() { var btnobj = document.getElementById(&/W3C//&lt.org/1999/xhtml" target="_blank">http://www.w3;
txt = &select&&var i.onclick = function() { InsertItem() };EN&Content-Type&-&#47，给个好评，谢谢&; &
option = new Option(& &select id=&testlist&&
&&#47.org/1999/xhtml&&增加页面中下拉列表框中的列表项目&lt.org/TR/xhtml1/DTD/xhtml1- &<a href="http://www.w3.add(option);meta http-equiv=&body&html xmlns=&<a href="http://www.w3; type=&quot!DOCTYPE html PUBLIC &quot给你写了个例子，你参考一下，满意的话;
& value=&增加列表项目&&&&#47.0 Transitional// content=&text/body&&lt,script&/title&button& + i.toString();& }}&/ if(testlistobj) {
testlistobj
为您推荐：
其他类似问题
javascript的相关知识
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;今天遇到一个问题，就是动态添加option到slect里面在ie6不成功：
var shosetype=document.createElement("select");
shosetype.setAttribute("id","sc");
document.body.appendChild(shosetype);
var option="&option value=\"1\"&添加成功&/option&";
shosetype.innerHTML=
应该是innerHTML的问题，
shosetype.innerHTML=改为：
shosetype.options.add(new Option("1","添加成功"));
就能得到效果：
Views(...) Comments()因为是转载文章 在此标明出处，以前有文章是转的没标明的请谅解，因为有些已经无法找到出处，或者与其它原因。
如有冒犯请联系本人，或删除，或标明出处。
因为好的文章，以前只想收藏，但连接有时候会失效，所以现在碰到好的直接转到自己这里。
原文 出处http:///html+css/htmlcssjq/cssbuhuanhang.html
今天你问了我一个关于在&select&里动态添加option问题，一开始以为是JS那里动态添加，所以用了JS动态添加option的方法，但你那里是用jQuery的，所以才会一直出错，下面记下在JS和JQuery里添加option的区别。
JS：var selid = document.getElementById("sltid");
for(var i=0; i&10;i++){
//循环添加多个值
sid.option[i] = new Option(i,i);
sid.options[sid.options.length]=new Option("1","2");
// 在最后一个值后面添加多一个
$("#sltid").val('val2');
$("#selectId").append("&option value='"+value+"'&"+text+"&/option&");
当然除了这句，还有设置默认选择值、第一个的值、最后一个的值、第N个的值等等的，所以在网上搜了一上：
jQuery获取Select选择的Text和Value:
1. $("#select_id").change(function(){//code...});
//为Select添加事件，当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();
//获取Select选择的Text
3. var checkValue=$("#select_id").val();
//获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedI
//获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index");
//获取Select最大的索引值
jQuery添加/删除Select的Option项：
1. $("#select_id").append("&option value='Value'&Text&/option&");
//为Select追加一个Option(下拉项)
2. $("#select_id").prepend("&option value='0'&请选择&/option&");
//为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove();
//删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove();
//删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove();
//删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove();
//删除Select中Text='4'的Option
内容清空：
$("#charCity").empty();
阅读(...) 评论()2008年10月 .NET技术大版内专家分月排行榜第二
本帖子已过去太久远了，不再提供回复功能。问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
Flask写了两个页面，第一个是用户增加，第二个是获取数据库中的用户列表来修改信息。用户信息修改中用到了wtforms的SelectField控件，choices参数为调用数据库查询函数返回的字典。现在我发现当我增加完毕用户马上去维护信息时，用户列表并没有更新，也就是说SelectField并不是每次打开页面去查询列表。导致没办法对刚刚增加的用户进行修改。
路由函数：
@app.route('/main/userAlloc/userAllocManage', methods=['GET', 'POST'])
def userAllocManage():
from form import UserAllocForm
from Odb_cx import add_user_func
form = UserAllocForm()
if form.validate_on_submit():
login_name = form.login_name.data
alloc_list = form.alloc_list.data
print('调用用户权限入库函数')
message = add_user_func(login_name, alloc_list)
print(message)
flash(message)
return render_template('userAllocManage.html', Form=form)
class UserAllocForm(Form):
from Odb_cx import func_query, user_query
login_name = SelectField('登录名称（手机号码）：', choices=user_query())
alloc_list = SelectMultipleField('权限列表（可多选）', choices=func_query())
submit = SubmitField('提交')
列表查询函数：
def user_query():
t = engine.execute("select a.sys_user_id,a.sys_user_name from sys_user a")
user_dict = []
for i in t:
user_dict.append((str(i[0]), i[1]))
return user_dict
except BaseException:
return '用户列表获取异常！'
现在希望每次请求/main/userAlloc/userAllocManage时从数据库获取最近的列表信息来初始化SelectField，求助各位如何实现
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
首先我建议你好好读读我写的这篇文章。
如果想要实现你的需求，你可以变通一下，把 choices 参数，从 form 类中赋值，放置到 view.py 视图函数的后一部分赋值。
但是这样的话，感觉不优雅，你还是好好看看文章吧。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
感谢楼上给予我的意见，文章已拜读，蛮有收获。同时自己这个问题得到了解决。首先贴上修改后的路由函数：
@app.route('/main/userAlloc/userAllocManage', methods=['GET', 'POST'])
def userAllocManage():
from form import UserAllocForm
from Odb_cx import add_user_func,user_query,func_query
form = UserAllocForm()
# 每次刷新列表
form.login_name.choices=user_query()
form.alloc_list.choices=func_query()
print('请求：为用户赋权')
if form.validate_on_submit():
login_name = form.login_name.data
alloc_list = form.alloc_list.data
print('调用用户权限入库函数')
message = add_user_func(login_name, alloc_list)
print(message)
flash(message)
return render_template('userAllocManage.html', Form=form)
我的理解是这样的：当实例化UserAllocForm类时，程序会调用类中控件列表查询函数。而再次调用此页面时，由于这个类已经实例化了，所以只是复用，并不会再次请求列表。所以在路由函数中加上每次请求为控件的choice参数赋值即可（form.login_name.choices=user_query()）。
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？