Question

我正在使用按钮单击使用jquery创建具有内部html选择的动态2.2.1 :001 > (1..9).include?(8.9) => true。选择的值是用json动态生成的。我的ul id是ulOption1

<li>

直到现在一切都很好。在用户创建了他想要的多个选择之后，我想要绘制已选择的值。我在想的是：

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));

但是grapedvalue永远不会选择

$('#ulOption1 li').each(function () {
    var $input = $(this).find('input');
    var grapedvalue = $(".ddlOption1 form-control option:selected").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的所有选定值。

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

2 个答案: