0

我需要帮助！我想通过更改选择框 1 来隐藏第二个选择框。

如果我value 1在选择 1 上选择，选择框 2 是隐藏的。如果我选择value 2，则显示选择框 2。

<tr class="variantCombobox">
<td class="label Flasche" valign="top">Flasche:</td>
<td>
<select id="variants[1]" name="variants[1]">
<option selected="selected" value="1">Esmeralda 100ml</option>
<option value="16">Esmeralda Geschenke-Set</option>
<option value="2">Picasso 200ml</option>
<option value="17">Picasso Geschenke-Set</option>
<option value="3">Carree 200ml</option>
</select>
</td>
</tr>
<tr class="variantCombobox">
<td class="label Gläser" valign="top">Gläser:</td>
<td>
<select id="variants[3]" name="variants[3]">
<option selected="selected" value="18">Bitte wählen...</option>
<option value="19">Likörglas 1</option>
<option value="20">Likörglas 2</option>
</select>
</td>
</tr>


var selectGlasses = 'tr.variantCombobox td.Flasche';
var selectedPresent = jQuery("[value='1']");
jQuery(selectGlasses).parent().next().hide();
jQuery('select').click(function(){
jQuery('option').find(function(){if ('select').contains(selectedPresent)});
jQuery(selectGlasses).parent().next().hide();
});

我的 3 个问题是，我的英语非常糟糕，我无法更改选择框的类别或 id，并且我的脚本不起作用。

4

2 回答 2

0 
selectedVal=$('#variants[1] option:selected').val();

if(selectedVal==1)
$('#variants[3]').hide();

else if(selectedVal==2)
$('#variants[3]').show();
于 2013-04-06T10:33:17.480 回答
0

实际上，您必须转义元素的 id：

如果是：

id="variants[3]"

那么jQuery选择器将是：

jQuery("#variants\\[3\\]")

这是一个 jsFiddle 示例：http: //jsfiddle.net/Kj2rM/

$(function() {
var selectGlasses = 'tr.variantCombobox td.Flasche';
var selectedPresent = jQuery("[value='1']");
jQuery(selectGlasses).parent().next().hide();
jQuery('select:first').change(function() {
    var selectedVal=jQuery(this).val();
    if(selectedVal==1) {
        $('#variants\\[3\\]').closest("tr").hide();
    }
    else if(selectedVal==2) {
        $('#variants\\[3\\]').closest("tr").show();
    }
});                                     
});
于 2013-04-06T10:45:08.940 回答