jQuery的自動完成所選值

我使用jQuery UI這裏在頁面上自動完成是JSON：jQuery的自動完成所選值

[ {"label":"test1", "value":"1"}, 
    {"label":"testtest", "value":"6"}, 
    {"label":"test2", "value":"8"} ]

自動完成的默認操作會搶了項目的價值，並把在輸入框中。有沒有辦法阻止它？而是有兩個單獨的動作：一個注入到一個隱藏的框（帶有值），另一個注入到帶有（標籤）的輸入框。

$.getJSON('index.php?controller=account&action=getusers', function(data) { 
    tempJson = data; 

    $(".auto-search").autocomplete({ 
     minLength: 2, 
     dataType: 'json', 
     source: tempJson, 
     select: function (event,ui) { 
      $('input[name="user-id"]').val(ui.item.value); 
     } 
    }); 
});

來源

2012-12-09 Bruce

你的意思是這樣的：

........ 
select: function (event,ui){ 
    $('input[name="user-id"]').val(ui.item.label); 
    $('input[name="your-hidden-field"]').val(ui.item.value); 
    return false; 
}

來源

2012-12-09 05:07:28

那是完全正確的！當我這樣做時，我錯過了錯誤的回報！謝謝大拇指 – Bruce

不客氣.. :) –

這是該組合框腳本創建實際的HTML：

<p class="dlgline">Select activity:<br> 
     <select id="biActivity_id" style="display: none;"><option value="1">2015/12/23 14:26 for 1 hour, 3 minutes, Demo</option></select> 
     <span class="custom-combobox"><input title="" class="custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left ui-autocomplete-input" autocomplete="off"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget ui-state-default ui-button-icon-only custom-combobox-toggle ui-corner-right" role="button"><span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-text"></span></a></span> 
    </p> 
    <p class="dlgline">Select project:<br> 
     <select id="biProj_id" style="display: none;"><option value="1">Productive Non Contract</option><option value="2">Non Project Sales</option><option value="3">Waiting Time</option><option value="5">BEL SEM gateway</option><option value="6">Electronic Timesheets</option><option value="7">Fieldbus Speed Module</option><option value="8">Power Management Systems Design</option></select><span class="custom-combobox"><input title="" class="custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left ui-autocomplete-input" autocomplete="off"><a tabindex="-1" title="Show All Items" class="ui-button ui-widget ui-state-default ui-button-icon-only custom-combobox-toggle ui-corner-right" role="button"><span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span><span class="ui-button-text"></span></a></span> 
    </p>

來源

2015-12-23 19:11:00 SPlatten

jQuery的自動完成所選值

回答

相關問題