Javascript Dropdownlist可更改文本字段。引导jqueryajax
我正在使用ajax调用填充Select2下拉列表。 我希望从下拉列表中选择使用数据库中的数据填充某些字段。 文本字段应该是可编辑的,并将新值发布到我的数据库中。 使用jquery编辑数据库表单 我的问题是无法填充文本字段 HTML:Javascript Dropdownlist可更改文本字段。引导jqueryajax,javascript,jquery,ajax,twitter-bootstrap,jquery-select2,Javascript,Jquery,Ajax,Twitter Bootstrap,Jquery Select2,我正在使用ajax调用填充Select2下拉列表。 我希望从下拉列表中选择使用数据库中的数据填充某些字段。 文本字段应该是可编辑的,并将新值发布到我的数据库中。 使用jquery编辑数据库表单 我的问题是无法填充文本字段 HTML: 正确的JS代码应该是: $('#selectedID').val(theId); 我把.tex改成了.val,成功了! 谢谢–Se0ng11打开调试工具,检查是否出现任何错误?并在您的更改事件中放置一个console.log,并检查它是否已启动,如果我使用这一行:
正确的JS代码应该是:
$('#selectedID').val(theId);
我把.tex改成了.val,成功了!
谢谢–Se0ng11打开调试工具,检查是否出现任何错误?并在您的更改事件中放置一个console.log,并检查它是否已启动,如果我使用这一行:所选ID:它将打印所选ID。但是如果我使用输入文本字段,它不会显示。。。代码必须缺少某些内容?请尝试$'selectedID'。valtheId;既然您说使用span它实际上可以显示ChooseNID,我就无法理解您的问题所在:是无法检测表单上的下拉选择更改,还是无法从代码中设置表单上的值。对于这些类型的问题,您应该将其分解,单独测试每个进程,使用浏览器console.log和调试器逐步完成代码。
$(document).ready(function(){
var test = $('#selectbox-o');
$('#selectbox-o').select2({
ajax: {
url: "include/objekt.php",
dataType: 'json',
data: function (term, page) {
return {
q: term
};
},
results: function (data, page) {
return { results: data };
}
} // Ajax Call
}); // Select2
// Start Change
$(test).change(function() {
var theID = $(test).select2('data').id;
var theSelection = $(test).select2('data').text;
$('#selectedID').text(theID);
$('#selectedText').text(theSelection);
}); //Change
}); //Domument Ready
$('#selectedID').val(theId);