Jquery实现对select的操作

最新推荐文章于 2024-05-16 14:33:44 发布

转载最新推荐文章于 2024-05-16 14:33:44 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fatRabbit-/p/11418477.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript实现select控件值变化时，动态显示或隐藏相关联文本框的方法。当select的选项改变时，若值为1，则显示文本框；否则，隐藏文本框。该技巧适用于网页表单中条件性的字段展示。

select实现对文本框的显示和隐藏

/**
* 通过select的值实现对文本框的显示和隐藏
* #id为一个select控件
* .obj为一个文本框
*/
function initSelector() {
        if ($('#id').val() != 1) {
            $('.obj').hide();
        }
        $('#id').change(function () {
            var id = $(this).children('option:selected').val();
            if (id== 1) {
                $('.obj').show()
            } else {
                $('.obj').hide()
            }
        });
    }