Question

我有一个下拉列表，其中有一个id为add的我希望。当用户选择此选项时显示一个元素。

我的jQuery

    $(document).ready(function () {     
        $('#addContactBox').hide();
        $('#addButton').hide();
            $('select option:selected#add')each.function () {
                $('#addButton').show();
                $('#addButton').click(function(){
                    $('#addContactBox').show();
                });
        });
    });

代码不起作用，有人可以帮助我拉我的头发！

Answer 1

$(document).ready(function () {     
    $('#addContactBox').hide();
    $('#addButton').hide();
        $('select option:selected#add').each(function () {
            $('#addButton').show();
            $('#addButton').click(function(){
                $('#addContactBox').show();
            });
    });
});

对每个人的调用都存在语法问题。

此外，$('#addButton').click()不需要在each内。无论按钮是否可见，它只是定义了始终相同的行为。

Answer 2

在下拉列表的onChange事件中使用所选选项的值。您无需在其上添加ID。像这样：

$('#addContactBox').hide();
$('#addButton').hide();
$('#ddl').change(function() {
    if ($(this).val() == 'Add') {
        $('#addContactBox').show();
        $('#addButton').show();
    }
});

Answer 3

$(document).ready(function () {     
        $('#addContactBox').hide();
        $('#addButton').hide();
        $('select').change(function () {
            if($('option:selected#add').length>0){
                 $('#addButton').show();
                 $('#addButton').click(function(){
                     $('#addContactBox').show();
                 });
            }
        });
});

如果我没弄错的话，你试图在选择该选项时显示...也许是这样的？

jQuery Selected show span元素

3 个答案: