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
Lepaskan: 2016-05-16 16:33:27
asal
1646 orang telah melayarinya

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan