ホームページ >ウェブフロントエンド >jsチュートリアル >select_javascript スキルの下にデフォルト オプションの値とテキストを追加する js メソッド
select_javascript スキルの下にデフォルト オプションの値とテキストを追加する js メソッド
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-05-16 16:33:271756ブラウズ
<p>JSP のドロップダウン ボックス タグ: </p>
<p><select name="sjx" id="sjx" list="sjxList" listkey="BM" listvalue="MC" size="20" cssstyle="width:100%;height:70px; border:0" multiple></select></p>
<p></p><div class="codetitle">
<span><a style="CURSOR: pointer" data="14907" class="copybut" id="copybut14907" onclick="doCopy('code14907')"><u>コードをコピーします</u></a></span> コードは次のとおりです:</div><div class="codebody" id="code14907">
<br>
<pre name="code" class="html">
<br>
multiple="true" は、複数の選択をサポートすることを意味します。 <br>
<br> <br> <br>
コードをコピーします コードは次のとおりです:
var oSelect = $("sjx");<span style="white-space:pre"> </span>//sjx は html またはJSP ページの選択タグの ID。Extjs を使用する場合は、EXT.getDom('sjx') を使用してタグ <br> を取得できます。
<br>
var oOption = document.createElement("OPTION");<span style="white-space:pre"> </span>//js の select タグの下に OPTION サブタグを作成します <br>
oSelect.options.add(oOption);<span style="white-space:pre"> </span>// 新しい OPTION サブタグを選択タグに追加します <br>
oOption.value = "001";<span style="white-space:pre"> </span>//コンテンツに対応する値 <br>
oOption.innerHTML ="Little Apple";<span style="white-space:pre"> </span>// 表示されるドロップダウン ボックスの内容 <br>
...など<br>
<br>
コードをコピーします コードは次のとおりです:
<pre name="code" class="java">for(...){ <br>
HashMap<string> マップ = new HashMap<string>();
マップ.put("BM","001");
map.put("MC","リトルアップル");
sjxList.add(マップ);
}<br>
<br><br>
<br>もう 1 つの方法も非常に一般的です。struts2 の機能を使用して、Action で List<object> 変数 (この例では、名前は sjxList) を定義し、set メソッドと get メソッドを設定します。 <br>
<br>次のような HashMap オブジェクトを通じてコンテンツを追加します。</object></string></string>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。