[英]jquery variable not being sent
我对jQuery和JS非常陌生。 我四处张望,还没有找到答案。
我正在做一个典型的下拉菜单内容取决于另一个的选择。 除了将变量从第一个下拉框拉出的部分之外,我已经完全正常工作了。
这是我的代码:
HTML:
<p>Processor Assignment *<br><small>Please Choose the Processor whom you are assigning this Serve. Only Network Member Providers are shown in this list.</small></p>
<select name="assigned_to" id="assigned_to">
<option value="2">test</option>
<option value="3">Test_Processor</option>
</select>
<p>Service Type*</p>
<p id="services_list">Please choose a processor.</p>
JS:
$(document).ready(assigned_to_selectbox_change);
function assigned_to_selectbox_change() {
$('#assigned_to').change(update_services_list);
}
function update_services_list() {
var processor_id = $('#assigned_to').attr('value');
$.get('http://example.com/path/to_ajax/method/' + processor_id, show_services_list);
}
function show_services_list(services) {
$('#services_list').html(services);
}
如果我对其进行硬编码,则IE http://example.com/path/to_ajax/method/3
都可以正常工作。 一切都按预期填充。
知道为什么它不选择Assigned_to值吗? 我已经确认PHP / MySQL / etc可以正常工作,并且在传递变量时返回正确的结果。
尝试使用.val()
而不是.attr('value')
:
var processor_id = $('#assigned_to').val();
另外,如果没有特定的原因将代码拆分成这么多的函数,我觉得这更加简洁:
$(document).ready(function() {
$('#assigned_to').change(function() {
$.get('http://example.com/path/to_ajax/method/' + this.value, function(services) {
$('#services_list').html(services);
});
});
}));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.