ホームページ >ウェブフロントエンド >jsチュートリアル >select_javascript スキルの下にデフォルト オプションの値とテキストを追加する js メソッド

select_javascript スキルの下にデフォルト オプションの値とテキストを追加する js メソッド

WBOY
WBOYオリジナル
2016-05-16 16:33:271647ブラウズ

</p>
<p>JSP のドロップダウン ボックス タグ: </p>
<p><s:select name="sjx" id="sjx" list="sjxList" listKey="BM" listValue="MC" size="20" cssStyle="width:100%;height:70px; border:0" multiple="true"></s: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>
</div>
js の select タグの下に項目を作成する柔軟な方法: <br>
<p></p>
<div class="codetitle"><span><a style="CURSOR: pointer" data="6621" class="copybut" id="copybut6621" onclick="doCopy('code6621')">コードをコピーします<u></u></a> コードは次のとおりです:</span></div>
<div class="codebody" id="code6621">
<pre name="code" class="javascript">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>
</div>
注: js のこのメソッドは、特定の状況でより便利です。たとえば、ここでのリクエストは特定のインターフェイスを返しません。つまり、インターフェイス全体が更新されません。代わりに、Ajax 非同期リクエストを使用して一部のローカル データ リクエストが行われます。現時点では、以下の strut2 メソッドは無効になります。 <p>
</p>
<p></p>
<div class="codetitle"><span><a style="CURSOR: pointer" data="84595" class="copybut" id="copybut84595" onclick="doCopy('code84595')">コードをコピーします<u></u></a> コードは次のとおりです:</span></div>
<div class="codebody" id="code84595">
<pre name="code" class="java"><pre name="code" class="java">
HashMap マップ = new HashMap(); マップ.put("BM","001"); map.put("MC","リトルアップル"); sjxList.add(マップ); }



もう 1 つの方法も非常に一般的です。struts2 の機能を使用して、Action で List 変数 (この例では、名前は sjxList) を定義し、set メソッドと get メソッドを設定します。

次のような HashMap オブジェクトを通じてコン​​テンツを追加します。 インターフェイスに戻ると、インターフェイスの選択ドロップダウン ボックスに「Little Apple」が表示されます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。