javascript - 如何在使用 jquery 创建组合框时动态设置属性

Question

我正在尝试使用 jquery 转换可搜索组合框中的下拉列表。下面的代码对我来说工作正常，但需要动态设置 onkeypress event 、 onchange event 、 id 、 name 、 maxlength 属性值。我正在使用下面的 jquery 代码来创建一个组合框：

 (function( $ ) {
    $.widget( "ui.combobox", {
    _create: function() {
        var input,
        that = this, 
        wasOpen = false, 
        select = this.element.hide(),
        selected = select.children( ":selected" ),
        value = selected.val() ? selected.val() : "",
        wrapper = this.wrapper = $( "<span>" ).insertAfter( select );

        input = $( "<input>" )
            .appendTo( wrapper ).val(value).attr( "title", "" )
            .attr("onchange","return pincodeValidation(this.value);")
            .attr("onkeypress","return fnNotAlphabet(event);")
            .attr("maxlength","6")
            .attr("id","pinCode")
            .attr("name","pinCode")
            .autocomplete({// code for autocomplete});
        });
      })(jQuery );

如何动态设置这些元素属性而不是直接在 JavaScript 文件中进行更改？

Answer 1

而不是使用 attr() 你应该使用.bind()希望这会有所帮助

Answer 2

我也在寻找相同的东西，但没有找到灵魂。所以我更改了代码以触发 onkeypress 选择组合框中的项目。

$( "#countryInput" ).combobox({ 
    select: function (event, ui) { 
       $( "#countryInput" ).trigger('keypress');
}
});