javascript - 当我检查元素时，如何使用 Javascript 设置输入值，不仅用于 View ，还用于元素中的永久值？

Question

问题说明了一切。

请不要将其评价为不好，因为如果您认为这不是一个好问题，我将来将无法提出任何问题，请在评论中告诉我，我会尽力改进。

我想做的是，当我在文本输入中输入某些内容时，我会根据建议设置其值，并在建议的文本输入中添加该值，您可以说附加该值。

假设我们已经存储了 xxxx 值，并且当我检查元素时它会显示给我。但是当我使用 javascript 在输入中添加新值并检查元素时，它仍然是 xxxx，因此它不会附加在元素中，因此我无法在逗号后添加更多值，因为当我尝试附加时它只是获取存储的值 xxxx。

希望能明白我的意思。 谢谢

这是可能对您有帮助的代码。

en4.core.runonce.add(function (){
    var contentAutocomplete = new Autocompleter.Request.JSON('1_1_17', '<?php echo $this->url(array('module' => 'user', 'controller' => 'edit', 'action' => 'getinterest' ), 'default', true) ?>', {
        'postVar' : 'text',
        'minLength': 1,
        'selectMode': 'pick',
        'autocompleteType': 'tag',
        'className': 'seaocore-autosuggest tag-autosuggest',
        'customChoices' : true,
        'filterSubset' : true,
        'multiple' : false,
        'injectChoice': function(token){
            var choice = new Element('li', {'class': 'autocompleter-choices', 'id':token.label});
            new Element('div', {'html': this.markQueryValue(token.label),'class': 'autocompleter-choice'}).inject(choice);
            this.addChoiceEvents(choice).inject(this.choices);
            choice.store('autocompleteChoice', token);
        },
    });

    var test = document.getElementById('1_1_17').value;
    contentAutocomplete.addEvent('onSelection', function(input) {
        document.getElementById('1_1_17').value = test+','+input;
    });
});

我正在使用 mootools。

Answer 1

如果有人需要我分享，我已经找到了这里的解决方案，这就是我的答案的解决方案。

contentAutocomplete.addEvent('onSelection', function (input) {
    var inputEl = document.getElementById('1_1_17'); //input element which we are populating via suggestions
    var get = inputEl.getAttribute("value"); //get attribute value 
    var set = inputEl.setAttribute("value", get + "," + input); // set the attribute to store value in permanent way it will not mess up with next suggestion we add
    var get_again = inputEl.getAttribute("value"); // Get the attribute again for setting value for view
    inputEl.value = get_again; // setting the value for view
});