处理Jquery-ui自动完成的标签值对

时间:2016-04-24 13:51:57

标签: jquery jquery-ui autocomplete jquery-ui-autocomplete

我正在使用Jquery-ui Autocomplete扩展名。以下是我如何使用它:

<form action="example.php" method="post">
  <input id="auto" name="label" type="text" />
  <input id="coauto" name="value" type="hidden" value="" />
</form>

<script>
    $('#auto').autocomplete({
         source: [{label: 'milan', value: 1}, {label: 'inter', value: 2}, {label: 'juventus', value: 3}]
    })
</script>  

点击&#39; m&#39;,milan出现。对于那件事我没有任何疑问。但是我希望米兰(它是1)的值为#coauto's值。所以我可以将它们发送到example.php。我怎样才能做到这一点?关于value label工作正常

,我什么都看不到

1 个答案:

答案 0 :(得分:0)

您可以使用焦点或选择等回调函数。 对于渲染,您可以使用

  

.autocomplete(&#34; instance&#34;)._ renderItem = function(ul,item){

以下是一个示例代码,仅为您提供一个想法。

$('#auto').autocomplete({
         source: [{label: 'milan', value: 1}, {label: 'inter', value: 2}, {label: 'juventus', value: 3}]
         ,

            focus : function(event, ui) {

                $("#coauto").val(ui.item.value);
                return false;
            },

            select : function(event, ui) {
                $("#coautoFormField").val(ui.item.value);

                $("#hautoDetailsForm").submit();
                return false;
            }

    })