JQuery AJAX автозаполнения не присваивая значение для скрытого поля

Question

У меня очень странная проблема с автозаполнением jQuery, проверьте код скрипта ниже

<script src="Scripts/jquery1.4.min.js" type="text/javascript"></script>
<script src="Scripts/jquery1.8-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $("[id$=txtSearch]").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '<%=ResolveUrl("~/SearchResultsWS.asmx/GetFacilityNames") %>',
                    data: "{ 'prefix': '" + request.term + "'}",
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        response($.map(data.d, function (item) {
                            return {
                                label: item.split('*----*')[0],
                                val: item.split('*-----*')[1]
                            }
                        }))
                    },
                    error: function (response) {
                        alert(response.responseText);
                    },
                    failure: function (response) {
                        alert(response.responseText);
                    }
                });
            },
            select: function (e, i) {
                $("[id$=hfFacilityId]").val(i.item.val);
                //$("[id$=valueText]").text(i.item.val);
                alert(i.item.val);
                //return false;
            },
            minLength: 2
        });
    });

    $(document).ready(function () {
        $('input[type=text]').click(function () {
            $(this).select();
        });
    });
</script>

Вот код asp.net

<label for="txtSearch" id="SearchLabel" runat="server">Search Reports: </label>
<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>
<asp:HiddenField ID="hfFacilityId" runat="server" />
<asp:TextBox ID="valueText" runat="server"></asp:TextBox>
<asp:Button ID="btnSubmit" runat="server" Text="Go!" OnClick="Submit"/> 

Я загружаю автозаполнениеСписок из базы данных сервера SQL с помощью веб-службы, все работает нормально, за исключением операторов $("[id$=hfFacilityId]").val(i.item.val); и alert(i.item.val);. Ничто не назначено скрытому полю, и оповещение выдает "неопределенный" !! Я пытался решить эту проблему без успеха. Если я использую i.Item.label вместо i.item.val, он работает нормально. Так что что-то делать с item.val не работает.

Благодарим за любую помощь .. заранее спасибо

Answer 1

В следующем коде у вас есть дополнительная черта - в val: item.split('*-----*') по сравнению с label: item.split('*----*')

 return {
          label: item.split('*----*')[0],
          val: item.split('*-----*')[1]
        }