javascript 之 select下拉框
2023-04-12
1.動(dòng)態(tài)創(chuàng)建select
function createSelect(){
var mySelect = document.createElement("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}2.添加選項(xiàng)option
function addOption(){
//根據(jù)id查找對象,
var obj=document.getElementById('mySelect'); //添加一個(gè)選項(xiàng)
obj.options.add(new Option("文本","值"));
}3.刪除所有選項(xiàng)option
function removeAll(){
var obj=document.getElementById('mySelect');
obj.options.length=0; }
4.刪除一個(gè)選項(xiàng)option
function removeOne(){
var obj=document.getElementById('mySelect'); //index,要?jiǎng)h除選項(xiàng)的序號,這里取當(dāng)前選中選項(xiàng)的序號
var index=obj.selectedIndex;
obj.options.remove(index);
}5.獲得選項(xiàng)option的值
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序號,取當(dāng)前選中選項(xiàng)的序號
var val = obj.options[index].value;
6.獲得選項(xiàng)option的文本
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序號,取當(dāng)前選中選項(xiàng)的序號
var val = obj.options[index].text;
7.修改選項(xiàng)option
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序號,取當(dāng)前選中選項(xiàng)的序號
var val = obj.options[index]=new Option("新文本","新值");
8.刪除select
function removeSelect(){
var mySelect = document.getElementById("mySelect");
mySelect.parentNode.removeChild(mySelect);
}9.選中其中的select
opt_uprice.options[i].selected=true;
本文僅代表作者觀點(diǎn),版權(quán)歸原創(chuàng)者所有,如需轉(zhuǎn)載請?jiān)谖闹凶⒚鱽碓醇白髡呙帧?/p>
免責(zé)聲明:本文系轉(zhuǎn)載編輯文章,僅作分享之用。如分享內(nèi)容、圖片侵犯到您的版權(quán)或非授權(quán)發(fā)布,請及時(shí)與我們聯(lián)系進(jìn)行審核處理或刪除,您可以發(fā)送材料至郵箱:service@tojoy.com





