0

私は助けが必要です！選択ボックス1を変更して、2番目の選択ボックスを非表示にしたい。

選択value 11を選択すると、選択ボックス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

実際には、要素の 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 に答える
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 に答える