Javascript Dropdownlist可更改文本字段。引导jqueryajax

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,并检查它是否已启动,如果我使用这一行:

我正在使用ajax调用填充Select2下拉列表。 我希望从下拉列表中选择使用数据库中的数据填充某些字段。 文本字段应该是可编辑的,并将新值发布到我的数据库中。 使用jquery编辑数据库表单 我的问题是无法填充文本字段

HTML:


正确的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);