javascript - 用于更改文本字段的下拉列表。 Bootstrap Jquery Ajax

Question

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

HTML:

<input type="hidden" name="optionvalue" id="selectbox-o" class="col-sm-10" data-placeholder="Välj objekt..." />
<input type="text" class="form-control" id="selectedID" placeholder="Alias" />

JS:

$(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

Answer 1

正确的JS代码应该是:

$('#selectedID').val(theId);

我将 .tex 更改为 .val 并且成功了!谢谢 – Se0ng11