私は自分で作成したプラグインを使用しているので、カスタムのドロップダウンボックスを使用できます(ブラウザー間で一貫した外観を使用できます)。カスタムボックスの値をクリックすると、非表示の「実際の」選択ボックスの値が変更されます。より小さい(<)およびより大きい(>)記号の使用に関して、問題が発生しています。特別な記号が含まれていない他のすべてのオプションで機能します。私は実際の記号を使ってみました、そして私は使ってみまし<
た>
<ul class="selector">
<li>Pounds</li>
<li>< 100</li>
<li>101-120</li>
<li>121-140</li>
<li>141-160</li>
<li>161-180</li>
<li>181-200</li>
<li>> 200</li>
</ul>
<select class="page1 fleft" id="weight" name="weight" style="visibility:hidden;">
<option selected="selected" value="select">Pounds</option>
<option value="< 100">< 100</option>
<option value="101-120">101-120</option>
<option value="121-140">121-140</option>
<option value="141-160">141-160</option>
<option value="161-180">161-180</option>
<option value="181-200">181-200</option>
<option value="> 200">> 200</option>
</select>
$("ul.selector li).click(function(){
$(this).parent().next().val($(this).html());
});
これはより複雑なプラグインであり、これに関連する部分を引き出しただけです。ツリートラバーサルはすべてプラグインで正常に処理されます(ここで適切に見えるものを書き留めただけです)。重要なのは値の変更です。それで、なぜそれが私により小さいまたはより大きい記号を持つオプションを選択させないのか誰かが知っていますか?