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