1. Buat pilihan secara dinamis
Copy kode kodenya sebagai berikut:
fungsi buatPilih(){
var mySelect = document.createElement_x("pilih");
mySelect.id = "pilihan saya";
document.body.appendChild(pilihan saya);
}
2. Tambahkan opsi opsi
Copy kode kodenya sebagai berikut:
fungsi tambahkanOpsi(){
//Menemukan objek berdasarkan id,
var obj=document.getElementByIdx_x('Pilihan Saya');
//Tambahkan opsi
obj.add(new Option("text","value")); //Ini hanya valid di IE
obj.options.add(new Option("text","value")); //Ini kompatibel dengan IE dan firefox
}
3. Hapus semua opsi opsi
Copy kode kodenya sebagai berikut:
fungsi hapusSemua(){
var obj=document.getElementByIdx_x('Pilihan Saya');
obj.options.length=0;
}
4. Hapus opsi opsi
Copy kode kodenya sebagai berikut:
fungsi hapusSatu(){
var obj=document.getElementByIdx_x('Pilihan Saya');
//index, nomor seri dari opsi yang akan dihapus, di sini diambil nomor seri dari opsi yang dipilih saat ini
var indeks=obj.selectedIndex;
obj.options.remove(indeks);
}
5. Dapatkan nilai opsi opsi
var obj=document.getElementByIdx_x('Pilihan Saya');
var index=obj.selectedIndex; //Nomor seri, ambil nomor seri dari opsi yang dipilih saat ini
var val = obj.options[index].value;
6. Dapatkan teks opsi opsi
var obj=document.getElementByIdx_x('Pilihan Saya');
var index=obj.selectedIndex; //Nomor seri, ambil nomor seri dari opsi yang dipilih saat ini
var val = obj.options[index].teks;
7. Ubah opsi opsi
var obj=document.getElementByIdx_x('Pilihan Saya');
var index=obj.selectedIndex; //Nomor seri, ambil nomor seri dari opsi yang dipilih saat ini
var val = obj.options[index]=Opsi baru("teks baru","nilai baru");
8.Hapus pilih
Copy kode kodenya sebagai berikut:
fungsi hapusPilih(){
var mySelect = dokumen.getElementByIdx_x("mySelect");
mySelect.parentNode.removeChild(pilihansaya);
}
Kode lengkap untuk keseluruhan contoh adalah sebagai berikut:
Copy kode kodenya sebagai berikut:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html">
<kepala>
<bahasa skrip=JavaScript>
fungsi $(id)
{
kembalikan dokumen.getElementByIdx_x(id)
}
pertunjukan fungsi()
{
var pilihObj=$("daerah")
var myOption=document.createElement_x("pilihan")
myOption.setAttribute("nilai","10")
myOption.appendChild(document.createTextNode("Shanghai"))
var myOption1=document.createElement_x("pilihan")
myOption1.setAttribute("nilai","100")
myOption1.appendChild(document.createTextNode("Nanjing"))
pilihObj.appendChild(Opsi Saya)
pilihObj.appendChild(opsisaya1)
}
pilihan fungsi()
{
var indeks=$("area").selectedIndex;
var val=$("area").pilihan[indeks].getAttribute("nilai")
jika(val==10)
{
var i=$("konteks").childNodes.length-1;
var remobj=$("konteks").childNodes[i];
remobj.removeNode(benar)
var sh=document.createElement_x("pilih")
sh.add(Opsi baru("Area Baru Pudong","101"))
sh.add(Opsi baru("Distrik Huangpu","102"))
sh.add(Opsi baru("Distrik Xuhui","103"))
sh.add(Opsi baru("Distrik Putuo","104"))
$("konteks").appendChild(sh)
}
jika(val==100)
{
var i=$("konteks").childNodes.length-1;
var remobj=$("konteks").childNodes[i];
remobj.removeNode(benar)
var nj=document.createElement_x("pilih")
nj.add(Opsi baru("Distrik Xuanwu","201"))
nj.add(Opsi baru("白下区","202"))
nj.add(Opsi baru("Distrik Xiaguan","203"))
nj.add(Opsi baru("Distrik Qixia","204"))
$("konteks").appendChild(nj)
}
}
perhitungan fungsi()
{
var x=$("konteks").childNodes.length-1;
waspada(x)
}
fungsi hapus()
{
var i=$("konteks").childNodes.length-1;
var remobj=$("konteks").childNodes[i];
remobj.removeNode(benar)
}
</skrip>
<tubuh>
<div id="konteks">
<pilih id="area" onchange="pilihan()">
</pilih>
</div>
<tipe input=button value="Tampilkan" onclick="show()">
<input type=button value="Node perhitungan" onclick="kalkulasi()">
<input type=button value="Hapus" onclick="remove()">
</tubuh>
</html>
Versi yang ditingkatkan: menambah, mengubah, dan menghapus elemen opsi yang dipilih
Copy kode kodenya sebagai berikut:
fungsi watch_ini(){ // awal
for(var i=0; i<argumen.panjang; i++){
var kata = dokumen.createElement_x("OPSI");
kata.teks = argumen[i];
watch.keywords.add(word); // jam tangan adalah nama formulir
}
}
fungsi watch_add(f){ // tambahkan
var kata = dokumen.createElement_x("OPTION");
kata.teks = f.kata.nilai;
f.kata kunci.tambahkan(kata);
}
Namun metode add() di atas hanya valid di IE. Agar kompatibel dengan FF dan Opera, kode di atas telah diperbaiki.
Copy kode kodenya sebagai berikut:
fungsi watch_ini(){ // awal
for(var i=0; i<argumen.panjang; i++){
var oOption=Opsi baru(argumen[i],argumen[i]);
document.getElementByIdx_x("Pilihan Saya")[i]=oOption;
}
}
fungsi watch_add(f){ // tambahkan
var oOption=Opsi baru(f.word.value,f.word.value);
f.kata kunci[f.kata kunci.panjang]=oOpsi;
}
Kode lengkap untuk keseluruhan contoh adalah sebagai berikut:
Copy kode kodenya sebagai berikut:
<!doctype html publik "-//w3c//dtd html 4.0 transisi//en">
<html>
<kepala>
<title>javascript pilih opsi nilai teks</title>
<meta name="keywords" content="javascript pilih opsi teks nilai tambah ubah hapus set">
<meta name="description" content="javascript pilih opsi teks nilai tambah ubah hapus set">
<skrip bahasa="javascript">
<!--
fungsi watch_ini(){ // awal
for(var i=0; i<argumen.panjang; i++){
var oOption=Opsi baru(argumen[i],argumen[i]);
document.getElementByIdx_x("Pilihan Saya")[i]=oOption;
}
}
fungsi watch_add(f){ // tambahkan
var oOption=Opsi baru(f.word.value,f.word.value);
f.kata kunci[f.kata kunci.panjang]=oOpsi;
}
fungsi watch_sel(f){ // Sunting
f.word.value = f.keywords[f.keywords.selectedIndex].text;
}
fungsi watch_mod(f){ // Ubah
f.kata kunci[f.kata kunci.indeks yang dipilih].teks = f.kata.nilai;
}
fungsi watch_del(f){ // Hapus
f.kata kunci.hapus(f.kata kunci.indeks yang dipilih);
}
fungsi watch_set(f){ // simpan
var set = "";
for(var i=0; i<f.kata kunci.panjang; i++){
set += f.kata kunci[i].teks + ";";
}
konfirmasi(atur);
}
//-->
</skrip>
</kepala>
<tubuh>
<form name="watch" method="post" action="">
<select id="MySelect" name="keywords" size="10" onchange="watch_sel(this.form)"></select><br>
<skrip bahasa="javascript">
<!--
watch_ini("Saya","Kamu","","Dia","Dia","Itu","Er" // Kata kunci awal
//-->
</skrip>
<input type="teks" nama="kata" /><br />
<input type="button" value="Tambahkan" onclick="watch_add(ini.formulir);"
<input type="button" value="Modify" onclick="watch_mod(ini.form);"
<input type="button" value="Hapus" onclick="watch_del(ini.form);"
<input type="button" value="Simpan" onclick="watch_set(ini.form);"
</bentuk>
Buat metode array dari string:
Copy kode kodenya sebagai berikut:
<skrip bahasa="javascript">
</tubuh>
</html>
<skrip>
pemisahan fungsi(){
datastr="2,2,3,5,6,6";
var str= Array baru();
str=datastr.split(",");
untuk (i=0;i<str.panjang ;i++)
{ dokumen.tulis(str[i]+"<br/>");
}
perpecahan();
</skrip>
Saya men-debug sebagian js hari ini dan berfungsi dengan baik di IE. Namun, terjadi kesalahan saat melakukan debug di Firefox. Saya memeriksa informasinya dan menemukannya
obj.add(new Option("text","value")); //Ini hanya valid di IE
obj.options.add(new Option("text","value")); //Ini kompatibel dengan IE dan firefox
Karena kode ini, saya mencari informasi di Internet dan mengumpulkan artikel ini untuk mengulas js lama secara real time.