如何从YUI3自动完成到另一个输入获取值

时间:2014-04-16 17:29:17

标签: input yui3

使用YUI3并尝试将搜索值的电子邮件部分附加到另一个输入字段。 一切正常,但不知道如何将电子邮件值添加到新的输入字段。 现在我只是将值附加到正文中。

非常感谢您的帮助

这是我的代码:

<script type="text/javascript">
YUI().use("autocomplete", "autocomplete-highlighters","autocomplete-filters", "node"
 function (Y) {
 var anInput= Y.one('#searchUser').plug(Y.Plugin.AutoComplete, {
      minQueryLength: 0,
      scrollIntoView: true,
      circular: false,
      activateFirstItem: true,
    resultHighlighter: 'phraseMatch',
    resultFilters: 'charMatch',
    resultListLocator: 'user',
    resultTextLocator: function (result_) {
        return result_.firstname+ ' ' + result_.lastname+ ' ' +    result_.email;
      },
    source: 'http://localhost:8080/rest/user/jsonp?callback={callback}',

  });


anInput.ac.on('select', function (ev) { 

        Y.one('#email').append('<div>User Email:  ' + ev.result.raw.email + '</div>');
    }); 
    });
 </script>

这是HTML:

<input id="searchUser" type="text" class="search" name="searchUser" size="40" value="Enter  keywords..." onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;" >

<div id="email">
 <input id="email" type="text"  name="email" size="40"  >
</div>

以下是问题,我无法将电子邮件值添加到输入字段

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

Y.one('#email').set('value', ev.result.raw.email);

https://yuilibrary.com/yui/docs/node/properties.html