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

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

1 个答案: