从动态创建的 html 选择中选择选定的选项答案

【问题标题】：Select selected option from dynamic created html select从动态创建的 html 选择中选择选定的选项
【发布时间】：2016-05-17 14:09:51
【问题描述】：

我正在使用一个按钮单击使用 jquery 来动态创建具有内部 html 选择的 <li>。选择的值随 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();
});

但grapedvalue从不采用选定的

ddlOption1.val();

【问题讨论】：

$(".ddlOption1 option:selected") 仅使用它并检查
谢谢，但这总是给我下拉列表的第一个选择值。如果用户添加了 3 个下拉列表，我总是在循环中取第一个的值

标签： javascript jquery json json.net

【解决方案1】：

检查一下：

$('#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/

【讨论】：

【解决方案2】：

试试这个：

 var selectedValue = [];
 $(".ddlOption1").each(function(){
         selectedValue.push($(this).find('option:selected').val());
    });

您在 selectedValue 中拥有属性类 ddlOption1 的 select 的所有选定值。

【讨论】：