Heim > Web-Frontend > js-Tutorial > js-Methode, um den Wert und Text der Standardoption unter „select_javascript skills' hinzuzufügen

js-Methode, um den Wert und Text der Standardoption unter „select_javascript skills' hinzuzufügen

WBOY
Freigeben: 2016-05-16 16:33:27
Original
1646 Leute haben es durchsucht

</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.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage