我有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();
});
但是当我改变价值时,没有任何反应。
哪里可以成为我的问题?
感谢帮助
答案 0 :(得分:1)
尝试使用事件委派,您似乎也在使用错误的ID:
$(document).on('change' , '#projectId' , function () {
alert("Gotcha!");
// ServiceChange();
});