cari

Rumah >hujung hadapan web >tutorial js >js untuk menambah nilai dan teks pilihan lalai di bawah kemahiran select_javascript

js untuk menambah nilai dan teks pilihan lalai di bawah kemahiran select_javascript

WBOY
WBOYasal
2016-05-16 16:33:271649semak imbas

</p>
<p>Teg kotak lungsur dalam jsp: </p>
<p><s:select name="sjx" id="sjx" list="sjxList" listKey="BM" listValue="MC" size="20" cssStyle="width:100%;height:70px; sempadan: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>Salin kod</u></a></span> Kod adalah seperti berikut:</div>
<div class="codebody" id="code14907">
<br>
<pre name="code" class="html">
<br>
multiple="true" bermaksud berbilang pilihan disokong. <br>



Cara yang fleksibel untuk membuat item di bawah teg pilih dalam js:

Salin kod Kod adalah seperti berikut:
var oSelect = $("sjx");<span style="white-space:pre"> </span>//sjx ialah html atau Id teg pilih pada halaman jsp Jika anda menggunakan Extjs, anda boleh menggunakan EXT.getDom('sjx') untuk mendapatkan teg <br>.
<br>
var oOption = document.createElement("OPTION");<span style="white-space:pre"> </span>//Buat sub-teg OPTION di bawah teg pilih dalam js <br>
oSelect.options.add(oOption);<span style="white-space:pre"> </span>//Tambah sub-teg OPTION baharu pada teg pilihan <br>
oOption.value = "001";<span style="white-space:pre"> </span>//Nilai yang sepadan dengan kandungan <br>
oOption.innerHTML ="Little Apple";<span style="white-space:pre"> </span>//Kandungan kotak lungsur yang dipaparkan <br>
...dan seterusnya<br>
<br>
</div>
Nota: Kaedah dalam js ini lebih berguna dalam situasi tertentu Contohnya, permintaan di sini tidak mengembalikan antara muka tertentu, iaitu keseluruhan antara muka tidak dimuat semula. Sebaliknya, permintaan tak segerak Ajax digunakan untuk membuat beberapa permintaan data setempat Pada masa ini, kaedah strut2 di bawah akan menjadi tidak sah. <p>
</p>
<p></p>
<div class="codetitle"><span><a style="CURSOR: pointer" data="84595" class="copybut" id="copybut84595" onclick="doCopy('code84595')">Salin kod<u></u></a> Kod adalah seperti berikut:</span></div>
<div class="codebody" id="code84595">
<pre name="code" class="java"><pre name="code" class="java">for(...){ <br>
HashMap<String,Objek> peta = HashMap<String,Objcet>();
map.put("BM","001"); <br>
map.put("MC","Epal Kecil"); <br>
sjxList.add(peta);
} <br>
<br><br>
<br>Cara lain juga sangat biasa: gunakan ciri struts2 untuk mentakrifkan pembolehubah Senarai<Objek> (ambil contoh ini sebagai contoh, bernama: sjxList), dan tetapkan set dan dapatkan kaedah. </div>
Tambah kandungan melalui objek HashMap, seperti: <p>
</p>
Apabila kembali ke antara muka, "Epal Kecil" akan dipaparkan dalam kotak lungsur turun antara muka.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：js kemahiran terbang ke bintang kesan khas code_javascriptArtikel seterusnya：js kemahiran terbang ke bintang kesan khas code_javascript

Artikel berkaitan

Lihat lagi