Question

我有PartialView

这是代码

<form>
<div class="form-group">
    <label for="recipient-name" class="col-form-label">Выберите проект</label>

    <select id="projectId" name="add_triangolazione" class="form-control">

    </select>
</div>
<div class="form-group">
    <label for="recipient-name" class="col-form-label">От:</label>
    <input type="date" class="form-control" id="datefrom">
</div>
<div class="form-group">
    <label for="recipient-name" class="col-form-label">До:</label>
    <input type="date" class="form-control" id="dateto" placeholder="YYYY-MM-DD" data-date-split-input="true" >
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">Наименование услуги:</label>
    @Html.DropDownList("Service", null, "XXXX", htmlAttributes: new { @class = "form-control", @id = "serviceIdProject" })
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">График работы:</label>
    <div>
        <label for="message-text" class="col-form-label">С:</label>
        <input  type="time" class="form-control" id="workTime">

    </div>
    <div>
        <label for="message-text" class="col-form-label">По:</label>
        <input  type="time"" class="form-control" id="workTimeTo">
    </div>
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">Количество:</label>
    <textarea class="form-control" id="quantity"></textarea>
</div>
<div class="form-group">
    <label for="message-text" class="col-form-label">Тариф:</label>
    <textarea class="form-control" id="rate" readonly></textarea>
</div>

通过脚本加载到模态

这是脚本代码

 $(document).on('click', '#addShow', function () {
    ShowAndPopulate();
});
function ShowAndPopulate() {

    $('#addProposalManager').load('/Manage/AddProposalManager', function () {
        let email = $('#userId').text();
        let getProposalsUrl = '/manage/populateprojects';
        model = {
            email: email
        },
        $.ajax({
                url: getProposalsUrl,
                data: JSON.stringify(model),
                contentType: 'application/json; charset=utf-8',
                type: 'POST',
                dataType: 'json',
                processData: false,
            success: function (data) {
                var list = data;

                $.each(list, function (i, d) {
                    $('#projectId').append('<option value="' + d.Id + '">' + d.Name + '</option>');
                });
            }
        })
    });

}

同样在这个领域

@ Html.DropDownList（＆＃34; Service＆＃34;，null，＆＃34; XXXX＆＃34;，htmlAttributes：new {@class =＆＃34; form-control＆＃34;，@ id =＆＃34; serviceIdProject＆＃34;}）

我需要在价值变化方面做点什么

所以我在脚本

上写了这段代码

 $('#serviceIdProject').change(function () {
    alert("Gotcha!");
   // ServiceChange();
});

但是当我改变价值时，没有任何反应。

哪里可以成为我的问题？

感谢帮助

Answer 1

尝试使用事件委派，您似乎也在使用错误的ID：

$(document).on('change' , '#projectId' , function () {
    alert("Gotcha!");
   // ServiceChange();
});

选择更改不起作用

1 个答案: