Maison >interface Web >js tutoriel >js pour ajouter la valeur et le texte de l'option par défaut sous les compétences select_javascript

js pour ajouter la valeur et le texte de l'option par défaut sous les compétences select_javascript

WBOY
WBOYoriginal
2016-05-16 16:33:271598parcourir

</p>
<p>Balise de la liste déroulante en 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>Copier le code</u></a></span> Le code est le suivant :</div>
<div class="codebody" id="code14907">
<br>
<pre name="code" class="html">
<br>
multiple="true" signifie que plusieurs sélections sont prises en charge. <br>
<br>
<br>
<br>
</div>
Un moyen flexible de créer des éléments sous la balise select en js : <br>
<p></p>
<div class="codetitle"><span><a style="CURSOR: pointer" data="6621" class="copybut" id="copybut6621" onclick="doCopy('code6621')">Copier le code<u></u></a> Le code est le suivant :</span></div>
<div class="codebody" id="code6621">
<pre name="code" class="javascript">var oSelect = $("sjx");<span style="white-space:pre"> </span>//sjx est html ou L'identifiant de la balise select sur la page jsp. Si vous utilisez Extjs, vous pouvez utiliser EXT.getDom('sjx') pour obtenir la balise <br>.
<br>
var oOption = document.createElement("OPTION");<span style="white-space:pre"> </span>//Créez la sous-balise OPTION sous la balise select dans js <br>
oSelect.options.add(oOption);<span style="white-space:pre"> </span>//Ajoutez la nouvelle sous-balise OPTION à la balise select <br>
oOption.value = "001";<span style="white-space:pre">/span>//La valeur correspondant au contenu <br>
oOption.innerHTML ="Petite Pomme";<span style="white-space:pre">/span>//Contenu de la liste déroulante affichée <br>
...et ainsi de suite<br>
<br>
</div>
Remarque : Cette méthode en js est plus utile dans des situations spécifiques. Par exemple, la requête ici ne renvoie pas une interface spécifique, c'est-à-dire que l'interface entière n'est pas actualisée. Au lieu de cela, les requêtes asynchrones Ajax sont utilisées pour effectuer certaines requêtes de données locales. Pour le moment, la méthode strut2 ci-dessous ne sera pas valide. <p>
</p>
<p></p>
<div class="codetitle"><span><a style="CURSOR: pointer" data="84595" class="copybut" id="copybut84595" onclick="doCopy('code84595')">Copier le code<u></u></a> Le code est le suivant :</span></div>
<div class="codebody" id="code84595">
<pre name="code" class="java"><pre name="code" class="java">pour(...){ <br>
HashMap<String,Object> map = new HashMap<String,Objcet>();
map.put("BM","001"); <br>
map.put("MC","Petite Pomme"); <br>
sjxList.add(carte); <br>
} <br>
<br><br>
</div>Une autre méthode est également très courante : utilisez les fonctionnalités de struts2 pour définir une variable List<Object> dans Action (prenez cet exemple comme exemple, nommé : sjxList), et définissez les méthodes set et get. 
<p>Ajoutez du contenu via un objet HashMap, tel que : </p>
<p>
Lors du retour à l'interface, "Petite Pomme" s'affichera dans la liste déroulante de sélection de l'interface.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn