在jquery

时间:2017-09-19 11:01:15

标签: javascript jquery ajax

我只想询问如何使用jquery从附加的选择列表中获取所选值。请帮我。提前谢谢。



var wrapper1 = $(".column1");

array1 = ["sample1", "sample2", "sample3"];

var myRoot = window.location.origin + "/";
$.ajax({
    url: myRoot + 'Payslip/GetDataFromAppend',
    type: 'GET',
    contentType: "application/json; charset=utf-8",
    //data: JSON.stringify({ id: $this }),
    async: true,
    success: function (data) {

        $(wrapper1).append(appendOption(data, array1[0]));

    }
});

var appendOption = function (data, txtData) {
    var appendfor = '<label class="col-sm-4 control-label"><label> ' + txtData + '...</label></label><div class="col-sm-7">' +
        '<select class="form-control" asp-for="PayslipID" asp- items="ViewBag.PayslipID" data- val="true" data- val - required="The Payslip ID field is required." id= "PayslipID" >';
    for (var i = 0; i < data.length; i++) {
        console.log(data[i].value);
        appendfor += '<option value="' + data[i].value + '">' + data[i].value + '</option>';
    }
    appendfor += '</select ></div >';
    return appendfor;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="form-group column1"></div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

&#39;表单控件&#39;元素被动态添加到页面中,因此您需要使用事件委派,请尝试:

$(document).on('change', ".form-control", function(){
    alert($(this).val())
});

&#39;列1&#39;也应该代替&#39;文件&#39;假设它是一个静态元素。