Heim > Artikel > Web-Frontend > js-Methode, um den Wert und Text der Standardoption unter „select_javascript skills“ hinzuzufügen
</p> <p>Dropdown-Box-Tag in 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>Code kopieren</u></a></span> Der Code lautet wie folgt:</div> <div class="codebody" id="code14907"> <br> <pre name="code" class="html"> <br> multiple="true" bedeutet, dass Mehrfachauswahlen unterstützt werden. <br>
<br> <br> <br> </div> Eine flexible Möglichkeit, Elemente unter dem Select-Tag in js zu erstellen: <br> <p></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="6621" class="copybut" id="copybut6621" onclick="doCopy('code6621')">Code kopieren<u></u></a> Der Code lautet wie folgt:</span></div> <div class="codebody" id="code6621"> <pre name="code" class="javascript">var oSelect = $("sjx");<span style="white-space:pre"> </span>//sjx ist HTML oder Die ID des Select-Tags auf der JSP-Seite. Wenn Sie Extjs verwenden, können Sie EXT.getDom('sjx') verwenden, um das Tag <br> abzurufen <br> var oOption = document.createElement("OPTION");<span style="white-space:pre"> </span>//Erstellen Sie das OPTION-Untertag unter dem select-Tag in js <br> oSelect.options.add(oOption);<span style="white-space:pre"> </span>//Fügen Sie das neue OPTION-Sub-Tag zum Select-Tag <br> hinzu oOption.value = "001";<span style="white-space:pre"> </span>//Der dem Inhalt entsprechende Wert <br> oOption.innerHTML ="Little Apple";<span style="white-space:pre"> </span>//Inhalt der angezeigten Dropdown-Box <br> ...und so weiter<br> <br> </div> Hinweis: Diese Methode in js ist in bestimmten Situationen nützlicher. Beispielsweise gibt die Anforderung hier keine bestimmte Schnittstelle zurück, dh die gesamte Schnittstelle wird nicht aktualisiert. Stattdessen werden asynchrone Ajax-Anforderungen verwendet, um einige lokale Datenanforderungen zu stellen. Zu diesem Zeitpunkt ist die folgende strut2-Methode ungültig. <p> </p> <p></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="84595" class="copybut" id="copybut84595" onclick="doCopy('code84595')">Code kopieren<u></u></a> Der Code lautet wie folgt:</span></div> <div class="codebody" id="code84595"> <pre name="code" class="java"><pre name="code" class="java">for(...){ <br> HashMap<String,Object> map = new HashMap<String,Objcet>(); map.put("BM","001"); <br> map.put("MC","Little Apple"); sjxList.add(map); <br> } <br> <br><br> <br>Eine andere Möglichkeit ist ebenfalls sehr verbreitet: Verwenden Sie die Funktionen von struts2, um eine List<Object>-Variable in Action zu definieren (nehmen Sie dieses Beispiel mit dem Namen: sjxList) und legen Sie die Methoden set und get fest. </div> Fügen Sie Inhalte über ein HashMap-Objekt hinzu, z. B.: <p> </p>Bei der Rückkehr zur Benutzeroberfläche wird „Little Apple“ im Auswahl-Dropdown-Feld der Benutzeroberfläche angezeigt.