質問する
1433 次
4 に答える
1
これを試して
jQuery(document).ready(function ($) {
$('.bar').hide();
$('[id*="foo"]').change(function () {
$('.bar').hide();
$('#'+$(this).val()).show();
})
});
また、ページ内のIDは一意であると想定されていることにも注意してください。
属性containsselector*を使用する か、すべての選択に同じクラスを追加することができます。
于 2013-02-13T18:28:14.987 に答える
1
更新された JSFiddle: http://jsfiddle.net/t7cSg/5/
プラグインが更新されたら、この変更を行うことを覚えておく必要があるため、これは最善の解決策ではないかもしれませんが、おそらく、そのショートコードの結果にクラスを与えることができます.
たとえば、次のようになります。
<select id="foo1" class="foos">
<option value="option0">Please select a module to download</option>
<option value="option1">Module 1</option>
<option value="option2">Module 2</option>
</select>
<div id="option1" class="bar" style="display: none;"><a href="#">download M1</a></div>
<div id="option2" class="bar" style="display: none;"><a href="#">download M2</a></div>
<select id="foo2" class="foos">
<option value="option0">Please select a module to download</option>
<option value="option1">Module 110</option>
<option value="option2">Module 220</option>
</select>
<div id="option3" class="bar" style="display: none;"><a href="#">download M110</a></div>
<div id="option4" class="bar" style="display: none;"><a href="#">download M220</a></div>
<select id="foo3" class="foos">
<option value="option0">Please select a module to download</option>
<option value="option1">Module 110</option>
<option value="option2">Module 220</option>
</select>
<div id="option5" class="bar" style="display: none;"><a href="#">download M110</a></div>
<div id="option6" class="bar" style="display: none;"><a href="#">download M220</a></div>
そしてあなたのjQuery自体:
jQuery(document).ready(function ($) {
$('.bar').hide();
$('.foos).change(function () {
$('.bar').hide();
$('#'+$(this).val()).show();
})
});
これが機能する/役立つことを願っています
于 2013-02-13T18:31:18.547 に答える
0
代わりにクラス(例:foo)を使用する選択を指定して、それをターゲットにすることはできませんか?
$('.bar').hide();
$('.foo').change(function () {
$('.bar').hide();
$('#' + $(this).val()).show();
})
于 2013-02-13T18:27:34.990 に答える
0
これを試して:
jQuery(document).ready(function ($) {
$('.bar').hide();
$('#foo1').change(function () {
$('.bar').hide();
$('[id="'+$(this).val()+'"]').show();
});
});
ノート:
id
1 つのドキュメントの複数の要素に対して同じことはできません。これが最初にのみ発生した場合、それが実行されます。
于 2013-02-13T18:31:39.190 に答える