下拉列表可更改文本字段。Bootstrap Jquery Ajax

用户名

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

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
用户名

正确的JS代码应为:

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章