Bagaimanakah javascript mengendalikan kemahiran tags_javascript senarai lungsur HTML-tutorial js-php.cn

Bagaimanakah javascript mengendalikan kemahiran tags_javascript senarai lungsur HTML

WBOY

Lepaskan： 2016-05-16 15:44:02

asal

1317 orang telah melayarinya

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;    
}

Salin selepas log masuk

// 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("成功加入");   
  }    
}

Salin selepas log masuk

// 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中 不存在该项");    
  }    
}

Salin selepas log masuk

// 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;  
    }  
  }  
}

Salin selepas log masuk

// 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中 不存在该项");    
  }    
}

Salin selepas log masuk

// 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中 不存在该项");    
  }    
}

Salin selepas log masuk

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

document.all.objSelect.value = objItemValue;

Salin selepas log masuk

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

var currSelectValue = document.all.objSelect.value;

Salin selepas log masuk

// 9. Dapatkan teks item yang sedang dipilih untuk

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

Salin selepas log masuk

///10 Dapatkan Indeks item pilihan yang sedang dipilih

var currSelectIndex = document.all.objSelect.selectedIndex;

Salin selepas log masuk

// 11. Kosongkan item yang dipilih

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

Salin selepas log masuk

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