Question

我正在尝试获取div以显示是否选择了某个选项以及选择了另一个选择标记中的先前选项。

这个jfiddle http://jsfiddle.net/LehL1pru/有效，但我想做的是确保前一个select选项等于某个值。

$(function() {
    $("#smallplantable").click(function() {
    if (this.value == ""){
        $('.plantableone').hide();
    }
        if (this.value == "plantablenone") {
        $('.plantableone').hide();
        }
        if (this.value == "plantableone") {
        $('.plantableone').show();
        }
    });
});

我试过的是添加＆amp;＆amp;到jquery中的if语句，但它似乎没有工作，你可以在这里看到http://jsfiddle.net/5bLc1f9b/1/

$(function() {
    $("#smallplantable").click(function() {
    if (this.value == ""){
        $('.plantableone').hide();
    }
        if (this.value == "plantablenone") {
        $('.plantableone').hide();
        }
        if (this.value == "plantableone" && "#numberofstaff".value == "smalljobsite") {
        $('.plantableone').show();
        }
    });
});

任何人都知道为什么这不起作用或有其他选择？

感谢。

Answer 1

我已经更新了你的小提琴。虽然代码需要更整洁。但作为参考，你可以依靠它

此外，您正在使用jQuery，但是，您没有在您的小提琴中包含jQuery。如果你在代码中使用jQuery，那么只使用jQuery函数 - 不是必须但非常方便

http://jsfiddle.net/5bLc1f9b/3/

$(function() {
    $("#smallplantable").change(function() {
    if ($(this).val() == ""){
        $('.plantableone').hide();
    }
        if ($(this).val() == "plantablenone") {
        $('.plantableone').hide();
        }
        if ($(this).val() == "plantableone" && $("#numberofstaff").val() == "smalljobsite") {

        $('.plantableone').show();
        }
    });
});

Answer 2

试试这个：

$(function() {
    $("#smallplantable").click(function() {
        var firstSelect = $('#numberofstaff').val();
    if (this.value == ""){
        $('.plantableone').hide();
    }
        if (this.value == "plantablenone") {
        $('.plantableone').hide();
        }
        if (this.value == "plantableone" && firstSelect == "smalljobsite") {
        $('.plantableone').show();
        }
    });
});

"#numberofstaff"的选择器错误，这就是为什么它不起作用。

Answer 3

您没有获得第一个选择的jquery对象，更改如下：

$(function() {
    $("#smallplantable").click(function() {
    if (this.value == ""){
        $('.plantableone').hide();
    }
        if (this.value == "plantablenone") {
        $('.plantableone').hide();
        }
        if (this.value == "plantableone" && $("#numberofstaff").val() == "smalljobsite") {
        $('.plantableone').show();
        }
    });
});

请注意，我已为"#numberofstaff".value

更改$("#numberofstaff").val()

如果选择此选项，则使用jquery显示div

3 个答案: