从动态创建的html选择中选择所选选项

Question

我使用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();

Answer 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/

Answer 2

试试这个：

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

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