Question

我需要帮助更改自定义选择框的值。我不能使用JQuery，因为我已经连接了一个change（）函数。

如何在Javascript中更改选择框的值？

这是我的自定义选择功能：

$.fn.customSelect = function() {
if ( $(this).length ) {
    $(this).find('select').attr('selectedIndex',-1).change(function() {
        var optionText = $(this).find('option:selected').text();
        $(this).siblings('label').text(optionText)
    });
}

};

我试过了：

var field = document.getElementById('test5');
field.value = '2';
field.focus();

这将选择该选项，但它不会显示为默认选项（希望你们能理解这个哈哈）。

任何可能的解决方案？

Answer 1

我做了一个小例子，试图做here

您需要调用change事件来运行插件代码，同时命名更改事件：

$.fn.customSelect = function() {
    if ( $(this).length ) {
        $(this).find('select').attr('selectedIndex',-1).bind('change.customSelect', function() {
            var optionText = $(this).find('option:selected').text();
            $(this).siblings('label').text(optionText)
        });
    }
};

触发器如下：

$('#select1').val('1').trigger('change.customSelect');

更改自定义选择选项的值 - Javascript

1 个答案: