从动态创建的html选择中选择所选选项
Select selected option from dynamic created html select
我使用jquery来动态创建具有内部html选择的<li>
。select的值是随json动态提供的。我的ul-id是ulOption1
var strtable = '<li>';
strtable += '<select style="display: inline;width:500px" class=" ddlOption1 form-control " >';
$.each(res, function (i, o) {
strtable += '<option value="'+ o.ValueName +'">'+ o.ValueName +'</option>';
});
strtable +='</select>';
strtable += '</li>';
$('#ulOption1').append($(strtable));
直到现在一切都很好。在用户创建了他想要的任意多个选择之后,我想抓取已经选择的值。我正在尝试的是:
$('#ulOption1 li').each(function () {
var $input = $(this).find('input');
var grapedvalue = $(".ddlOption1 form-control option:selected").val();
});
但是葡萄价值从来没有采取选定的
ddlOption1.val();
检查此项:
$('#ulOption1 li').each(function () {
var $input = $(this).find('input');
//here it will find the select in li and grab its selected value
var grapedvalue = $(this).find(".ddlOption1 option:selected").val();
alert(grapedvalue)
});
工作小提琴:http://jsfiddle.net/H6rQ6/16960/
试试这个:
var selectedValue = [];
$(".ddlOption1").each(function(){
selectedValue.push($(this).find('option:selected').val());
});
您在selectedValue中拥有属性类为ddlOption1
的select的所有选定值。
相关文章:
- CKeditor:更改对话框中的默认选择选项
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- AngularJs列表ng单击以选择选项转换
- 使用基于文本的 Jquery 选择选项
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 在php和mysql中选择选项.一旦选择了选项,就列出我的sql数据库数据
- 选择选项时如何显示警报
- 使用php动态更改选择选项
- 选择“选择选项”时显示文本.怎么做
- LEAFLET地图和带有选择选项的标记-ANGULARjs
- 使用js将动态内容添加到选择选项列表中
- 用于使用javascript循环选择选项
- AngularJS-选择选项并在函数中使用它
- 禁用/启用基于单选/选择选项所选Javascript的文本框
- 如何使用jQuery隐藏与选择选项相关的选择选项列表
- 选择选项是添加或删除事件
- 使用jQuery向“选择选项”添加默认属性
- 构建HTML选择字段并使用JavaScript数组选择选项
- 带有动态选择选项的Firefox html5验证异常
- 只有当Angular从资源对象检索数据时,才选择选项元素