私はオプションとしていくつかの国でHTML選択要素を持っています。YUI - 選択オプションを削除
<select id="countryLocation" class="selectCountryPrefix enablePartialForm" onchange="document.locationchangeform.submit()" name="country">
<option selected="selected" disabled="disabled" value="">Select country</option>
<option class="showTos-AU" title="+61" value="AU">Australia</option>
<option class="showTos-CA" title="+1" value="CA">Canada</option>
<option class="showTos-CL" title="+56" value="CL">Chile</option>
<option class="showTos-DK" title="+45" value="DK">Denmark</option>
<option class="showTos-EE" title="+372" value="EE">Estonia</option>
<option class="showTos-FI" title="+358" value="FI">Finland</option>
<option class="showTos-GR" title="+30" value="GR">Greece</option>
<option class="showTos-HU" title="+36" value="HU">Hungary</option>
<option class="showTos-IE" title="+353" value="IE">Ireland</option>
<option class="default showTos-LV" selected="selected" title="+371" value="LV">Latvia</option>
<option class="showTos-TW" title="+886" value="TW">Taiwan</option>
</select>
「TW」以外の国コードを持つオプションをすべて削除します。これまでのところ、これは私のコードです:それは唯一のオプションのいくつかに取り組んでいます
YAHOO.util.Event.addListener(window, "load", function() {
var E = YAHOO.util.Event;
var D = YAHOO.util.Dom;
var opts,
select,
i;
select = D.get('countryLocation');
opts = select.options;
for (i=0; i< opts.length-1; i++){
if (opts[i].value !== ""){
if (opts[i].value !== "TW"){
select.remove(i);
}
}
}
})
- 私はそれがインデックスによってそれらを取り除くているため、それぞれが除去された後、その後のインデックスが変更されていることを推測しています。 jQueryの.each()関数のようなものが本当に必要なものです。
YUIまたはJSのどちらでもこの操作を行うことはできますか?
これは完璧に動作しているようです – Xoundboy