Question

我使用jquery.validationEngine.js一切都已设置好并且工作正常，但我需要进行更改。

我有两个下拉框。

车辆进口了吗？ [是的，不是] 什么是原产国？ [法国，德国，日本，美国，英国]等

我需要的是，如果汽车被导入然后显示原产国，则不显示任何内容。

目前，我有两个字段都在实时表单上工作，

<label>Is The Vehicle Imported?</label>
<select class="validate[required] target" name="strLeadData39" id="strLeadData39">
    <option selected="selected" value="">Please Select</option>
    <option value="No">No</option>
    <option value="Yes">Yes</option>
</select>

<label>What Is The Country Of Origin?</label>
<select class="validate[required] target" name="strLeadData40" id="strLeadData40" >
    <option selected="selected" value="">Please Select</option>
    <option value="Not Imported">Not Imported</option>
    <option value="France">France</option>
    <option value="Germany">Germany</option>
    <option value="Japan">Japan</option>
    <option value="Canada">Canada</option>
    <option value="USA">USA</option>
    <option value="EU-Other">EU-Other</option>
    <option value="Other">Other</option>
</select>

如何完成此操作？

由于

Answer 1

您希望根据导入的select的值显示/隐藏国家/地区select吗？

$('#strLeadData39').change(function(){
    if ( $(this).val() == "Yes" ){
        $('#strLeadData40').show();
    } else {
        $('#strLeadData40').hide();
    }
});

Here is a fiddle with a basic example

上面的代码与jQuery validationEngine无关，只是隐藏/显示元素。要使表单验证，您可能必须使用jQuery validate[required]动态删除/添加removeClass/addClass类，if / else之类的内容如下：

$('#strLeadData40').removeClass("validate[required]");

jquery.validationEngine.js下拉列表

1 个答案: