jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery – 禁用/启用选择选项大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如果条件,我需要一些 jquery的帮助.
我一直在搜索和测试几个小时,任何帮助将是伟大的!
我得到这个HTML代码
<label id="label1" for="date_from">Value:</label>
<input value="" />

<SELEct id="SELEct1" name="SELEct1">
<option>No Match</option>
<option value="1">Test</option>
<option value="2">Test 2</option>
<option value="3">Test 3</option>
</SELEct>

<SELEct id="SELEct2" name="SELEct2">
<option>No Match</option>
<option value="1">Test</option>
<option value="2">Test 2</option>
<option value="3">Test 3</option>
</SELEct>

和这个jquery函数

if ( $('#label1').val() < 3 ) {
           $('SELEct').change(function() {

            $('#SELEct1,#SELEct2').not(this)
                .children('option[value=' + this.value + ']')
                attr('disabled',truE)
                .siblings().removeAttr('disabled');

        });
}
else {
    $('SELEct').change(function() {

        $('#SELEct1,#SELEct2').not(this)
            .children('option[value=' + this.value + ']')
            .attr('disabled',falsE)
            .siblings().removeAttr('disabled');

    });
}

我是jquery的初学者,我不知道这段代码是否正确写入,因为它不起作用.

问题是:

当输入值小于3时,SELEct2中的SELEct选项与SELEct1中的选项相同,并且SELEct2中的其余选项被禁用.当输入值大于3时,SELEct1和SELEct2中的选项将被使能.

最好的问候,谢谢你阅读这个jquery新手帖子…

解决方法

尝试这个:
$(function(){
    $("input").change(function(){
        if ( $(this).val() < 3 ) {
            $('#SELEct2').prop('disabled',truE);
            $('#SELEct1').on("change",function() {
                $('#SELEct2').val($(this).val());
            });
        }else {
            $("#SELEct1").off();
            $('#SELEct1,#SELEct2').prop('disabled',falsE);
        }
    });
});

演示:http://jsfiddle.net/qhPp7/2/

大佬总结

以上是大佬教程为你收集整理的jQuery – 禁用/启用选择选项全部内容,希望文章能够帮你解决jQuery – 禁用/启用选择选项所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。