Question

我已经编写了这个jquery函数，并希望单独工作。

$(function(){
    $('.otherreason').hide();
    $('.inqPurpose').change(function() {
        if($(this).find('option:selected').val() == "Other"){
            $('.otherreason').show();
        }else{
            $('.otherreason').hide();
        }
    });
});

这个html代码在表单标签中重复4次，当我点击任何其他选项字段时，所有html一起工作，我想分开工作

<select class="inqPurpose formField" name="how2" id="how2">
    <option>Sales</option>
    <option>Services</option>
    <option>Corporate Partnership</option>
    <option>Corporate Trade Show</option>
    <option>Requesting Product Samples for Trade Show or Event</option>
    <option>Website Feedback</option>
    <option value="Other">Other (Please Specify)</option>
</select>

<input class="formField otherreason" type="text" placeholder="Other Reason" size="53" maxlength="300" />

Answer 1

如果您在选择选项之后有其他原因，您可以使用.nextAll（）并找到第一个其他的原因

$(function(){
    $('.otherreason').hide();
    $('.inqPurpose').change(function() {
        if($(this).val() == "Other"){
               $(this).nextAll('.otherreason:first').show();
        }else{
           $(this).nextAll('.otherreason:first').hide();
        }
    });
});

在这里演绎演示http://jsfiddle.net/kgPaY/1/

jquery选项功能应该分开工作

1 个答案: