在选择的选项输入项的条件下添加DIV

Question

我有一个客户，他想要一个'您如何找到我们'选项'在联系表上。显然，我将使用Select和Option做到这一点，但是他也想要的是，如果选择的选项是"推荐"的，那么将出现一个盒子，询问谁推荐它们。目前，我很接近，但由于某种原因这不起作用：

html

<div class="form-line">
<label for="findUs">How did you find us?</label> 
<select name="findUs" id="findUs">
<option>Select...</option>
<option value ="Search Engine (e.g. Google)">Search Engine (e.g. Google)</option>
<option value ="Have used us before">Have used us before</option>
<option value ="Recommendation">Recommendation</option>
<option value ="Center Parcs">Center Parcs</option>
<option value ="Yell.com">Yell.com</option>
<option value ="Free Index">Free Index</option>
<option value ="Other">Other</option>
</select>
</div>

jQuery -

$("#findUs").change(function() {
                var e = document.getElementById("findUs");
                var how = e.options[e.selectedIndex].value;
                //alert(how);
                if (how == 'recommendation') {
                    $(".recommended-box").show()
                } else {
                    $(".recommended-box").hide()
                }
            });   

谢谢！

Answer 1

recommendation！= Recommendation。另外，如果您使用的是jQuery，请使用jQuery：

http://jsfiddle.net/m26cg/

$('#findUs').change(function() {
    $(".recommended-box").toggle($(this).val() == 'Recommendation');
});

Answer 2

主要问题是 'recommendation' != 'Recommendation'

使用 .val（）

$("#findUs").change(function () {
    if ($(this).val().toLowerCase() == 'recommendation') {
        $(".recommended-box").show()
    } else {
        $(".recommended-box").hide()
    }
});

演示

或

$("#findUs").change(function () {
    $(".recommended-box").toggle($(this).val().toLowerCase() == 'recommendation');
});