Bagaimanakah javascript mengendalikan kemahiran tags_javascript senarai lungsur HTML

Izinkan saya terlebih dahulu memberitahu anda tentang idea pelaksanaan umum Sila lihat di bawah untuk kandungan khusus.

Tentukan sama ada terdapat Item dengan Nilai="paraValue" dalam pilihan pilih

Tambah Item pada pilihan pilihan

Padamkan Item daripada pilihan pilihan

Padamkan item yang dipilih dalam pilihan

Ubah suai teks value="paraValue" dalam pilihan pilih kepada "paraText"

Tetapkan Item pertama dengan text="paraText" dalam pilihan untuk dipilih

Tetapkan Item dengan value="paraValue" dalam pilih untuk dipilih

Dapatkan nilai item pilihan yang sedang dipilih

Dapatkan teks item pilihan yang sedang dipilih

Dapatkan Indeks bagi item pilihan yang sedang dipilih

Kosongkan item yang dipilih

kod js

// 1. Tentukan sama ada terdapat Item dengan Nilai="paraValue" dalam pilihan pilih

function jsSelectIsExitItem(objSelect, objItemValue) {    
  var isExit =false;    
  for (var i =0; i < objSelect.options.length; i++) {    
    if (objSelect.options[i].value == objItemValue) {    
      isExit =true;    
      break;    
    }    
  }    
  return isExit;    
}

// 2. Tambahkan Item pada pilihan pilihan

function jsAddItemToSelect(objSelect, objItemText, objItemValue) {    
  //判断是否存在    
  if (jsSelectIsExitItem(objSelect, objItemValue)) {    
    alert("该Item的Value值已经存在");    
  }else{    
    var varItem =new Option(objItemText, objItemValue);   
    objSelect.options.add(varItem);   
    alert("成功加入");   
  }    
} 

// 3. Padamkan Item daripada pilihan pilih

function jsRemoveItemFromSelect(objSelect, objItemValue) {    
  //判断是否存在    
  if (jsSelectIsExitItem(objSelect, objItemValue)) {    
    for (var i =0; i < objSelect.options.length; i++) {    
      if (objSelect.options[i].value == objItemValue) {    
        objSelect.options.remove(i);    
        break;    
      }    
    }    
    alert("成功删除");    
  }else{    
    alert("该select中 不存在该项");    
  }    
}

// 4. Padamkan item yang dipilih dalam pilihan

function jsRemoveSelectedItemFromSelect(objSelect) {    
  var length = objSelect.options.length -1;  
  for(var i = length; i >=0; i--){  
    if(objSelect[i].selected ==true){  
      objSelect.options[i] =null;  
    }  
  }  
}

// 5. Ubah suai teks value="paraValue" dalam pilihan pilih kepada "paraText"

function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {    
  //判断是否存在    
  if (jsSelectIsExitItem(objSelect, objItemValue)) {    
    for (var i =0; i < objSelect.options.length; i++) {    
      if (objSelect.options[i].value == objItemValue) {    
        objSelect.options[i].text = objItemText;    
        break;    
      }    
    }    
    alert("成功修改");    
  }else{    
    alert("该select中 不存在该项");    
  }    
}

// 6. Tetapkan Item pertama dengan text="paraText" dalam pilihan untuk dipilih

function jsSelectItemByValue(objSelect, objItemText) {      
  //判断是否存在    
  var isExit =false;    
  for (var i =0; i < objSelect.options.length; i++) {    
    if (objSelect.options[i].text == objItemText) {    
      objSelect.options[i].selected =true;    
      isExit =true;    
      break;    
    }    
  }       
  //Show出结果    
  if (isExit) {    
    alert("成功选中");    
  }else{    
    alert("该select中 不存在该项");    
  }    
}

/// 7. Tetapkan Item dengan value="paraValue" dalam pilihan untuk dipilih

document.all.objSelect.value = objItemValue;   

/// 8. Dapatkan nilai item pilihan yang sedang dipilih

var currSelectValue = document.all.objSelect.value;

// 9. Dapatkan teks item yang sedang dipilih untuk

var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

///10 Dapatkan Indeks item pilihan yang sedang dipilih

var currSelectIndex = document.all.objSelect.selectedIndex; 

// 11. Kosongkan item yang dipilih

document.all.objSelect.options.length =0; 

Kandungan di atas memperkenalkan kaedah menggunakan javascript untuk mengendalikan tag senarai juntai bawah html Saya harap semua orang menyukai artikel ini.