根据选择框值显示文本框

Question

我想知道是否有人可以帮助我理解如何实现这一目标.我只想在使用javascript(inc jquery)选择选择框中的某个值时显示两个输入框.

我的选择框有这个值:

<select name="menu-168" class="wpcf7-validates-as-required">
<option value="Residential">Residential</option>
<option value="Commercial">Commercial</option>
</select>

我的输入框有这个值:

<input type="text" name="text-708" value="" class="wpcf7-validates-as-required" size="40">

在伪代码中我是这样的:

<if select name="menu-168" value = "Commerical">
<add css property ".hidden" to input name="text-708">
</if>

我的javascript知识太差了,有人会介意我这是怎么做的吗？这是一个带有相关HTML的JSfiddle:

http://jsfiddle.net/K9zGP/

Answer 1

这是使用jQuery:

if ($("select[name='menu-168']").val() == "Commercial") {
    $("input[name='text-708']").addClass("hidden");
}?

在旁注中,我建议您使用类而不是名称来引用HTML元素.类选择比属性快得多.