Javascript A完整设置标签文本字段和隐藏字段值

Javascript A完整设置标签文本字段和隐藏字段值,javascript,php,jquery,autocomplete,Javascript,Php,Jquery,Autocomplete,我正在使用Awesomplete实现简单的文本字段自动完成。我有一个带有标签和值的数组,当选择某个内容时,我不想让它完成文本并将值(在本例中为ID)添加到一个隐藏字段中 有人知道怎么做吗 代码示例: HTML: PHP: JS 您可以使用awesomplete selectcomplete事件来设置隐藏输入的val window.addEventListener("awesomplete-selectcomplete", function(e){

我正在使用Awesomplete实现简单的文本字段自动完成。我有一个带有标签和值的数组,当选择某个内容时,我不想让它完成文本并将值(在本例中为ID)添加到一个隐藏字段中

有人知道怎么做吗

代码示例:

HTML:

PHP:

JS


您可以使用awesomplete selectcomplete事件来设置隐藏输入的val

            window.addEventListener("awesomplete-selectcomplete", function(e){
                input2.value = e.text.value;
            }, false);

转到了解有关事件的更多信息,但引用它,回调将传递一个包含所选建议的文本属性的对象。

您可以使用awesomplete selectcomplete事件来设置隐藏输入的val

            window.addEventListener("awesomplete-selectcomplete", function(e){
                input2.value = e.text.value;
            }, false);
转到了解有关事件的更多信息,但引用它,回调将传递一个包含所选建议的文本属性的对象。

执行以下操作:

var hidden=$myinput hidden; 新Awesompleteminput{ 列表:[[Ada,1],[Java,2],[JavaScript,3],[Brainfuck,4],[LOLCODE,5],[Node.js,6],[RubyonRails,7], //您需要覆盖的唯一功能是: 替换:功能建议{ this.input.value=suggestion.label;//默认替换将suggestion.value插入到输入中 hidden.value=suggestion.value; } }; 这样做:

var hidden=$myinput hidden; 新Awesompleteminput{ 列表:[[Ada,1],[Java,2],[JavaScript,3],[Brainfuck,4],[LOLCODE,5],[Node.js,6],[RubyonRails,7], //您需要覆盖的唯一功能是: 替换:功能建议{ this.input.value=suggestion.label;//默认替换将suggestion.value插入到输入中 hidden.value=suggestion.value; } };
<script type="text/javascript">
    //array with all titles and id from a php array
    var jArray = <?php echo json_encode($titles); ?>;

    var input = document.getElementById("title");

    var input2 = document.getElementById("id");

    new Awesomplete(input, {
        list: jArray
    });



</script>
            window.addEventListener("awesomplete-selectcomplete", function(e){
                input2.value = e.text.value;
            }, false);