Jquery自动完成选择事件无效

时间:2014-02-12 07:54:09

标签: jquery

我有一个实现jquery自动完成的文本框。我正在使用控制器和动作来加载自动完成。在选择值时,我希望将值加载到另一个文本框。我使用了select事件,但它没有给我结果。我附上了我的代码段。请帮助我解决问题

<script type="text/javascript">
$(document).ready(function () {
        $("#customer").autocomplete('/UserAdd/ClientList',
        {
            dataType: 'json',
            parse: function (data) {
                var rows = new Array();
                for (var i = 0; i < data.length; i++) {
                    rows[i] = { data: data[i],value: data[i].AccountNumber, result: data[i].Name };
                }
                return rows;
            },
            formatItem: function (row, i, max) {
                return row.Name;
            },
            select: function (event, ui) {
                $('#ClientName').val = ui.item.result;
            },
            width: 300,
            highlight: false,
            multiple: true,
            multipleSeparator: ","
       });
});
</script>

2 个答案:

答案 0 :(得分:1)

您使用.val()错误:

$('#ClientName').val(ui.item.result);

请参阅jQuery's documentation on .val()

答案 1 :(得分:0)

从select函数中删除$('#ClientName').val = ui.item.result;,它将是这样的

 select: function (event, ui) {
        }

然后使用以下在客户中选择值时调用的代码:

$( "#customer" ).on( "autocompleteselect", function( event, ui ) {
      var customer = $("customer").val(); //getting customer name
      $("#ClientName").val(customer);     //setting the client name
});