国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

js 操作select和option常用代碼整理

2024-05-06 14:20:32
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

1、獲取選中select的value和text,html代碼如下:
代碼如下:
<select id="mySelect">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>

則可通過(guò)以下script代碼s來(lái)獲取選中的value和text
代碼如下:
$("#mySelect").val(); //獲取選中記錄的value值
$("#mySelect option:selected").text(); //獲取選中記錄的text值

2、運(yùn)用new Option("文本","值")方法添加選項(xiàng)option
代碼如下:
var obj = document.getElementById("mySelect");obj.add(new Option("4","4"));

3、刪除所有選項(xiàng)option
代碼如下:
var obj = document.getElementById("mySelect");obj.options.length = 0;

4、刪除選中選項(xiàng)option
代碼如下:
var obj = document.getElementById("mySelect");var index = obj.selectedIndex;obj.options.remove(index);

5、修改選中選項(xiàng)option
代碼如下:
var obj = document.getElementById("mySelect");
var index = obj.selectedIndex;
obj.options[index] = new Option("three",3); //更改對(duì)應(yīng)的值
obj.options[index].selected = true; //保持選中狀態(tài)

6、刪除select
代碼如下:
var obj = document.getElementById("mySelect");
obj.parentNode.removeChild(obj); //移除當(dāng)前對(duì)象

7、select選擇的響應(yīng)事件
代碼如下:
$("#mySelect").change(function(){ //添加所需要執(zhí)行的操作代碼})

1.動(dòng)態(tài)創(chuàng)建select
代碼如下:
function createSelect(){
var mySelect = document.createElement_x("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}

2.添加選項(xiàng)option
代碼如下:
function addOption(){
//根據(jù)id查找對(duì)象,
var obj=document.getElementByIdx_x('mySelect');
//添加一個(gè)選項(xiàng)
obj.add(new Option("文本","值")); //這個(gè)只能在IE中有效
obj.options.add(new Option("text","value")); //這個(gè)兼容IE與firefox
}

3.刪除所有選項(xiàng)option
代碼如下:
function removeAll(){
var obj=document.getElementByIdx_x('mySelect');
obj.options.length=0;
}

4.刪除一個(gè)選項(xiàng)option
代碼如下:
function removeOne(){
var obj=document.getElementByIdx_x('mySelect');
//index,要?jiǎng)h除選項(xiàng)的序號(hào),這里取當(dāng)前選中選項(xiàng)的序號(hào)
var index=obj.selectedIndex;
obj.options.remove(index);
}

5.獲得選項(xiàng)option的值
代碼如下:
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序號(hào),取當(dāng)前選中選項(xiàng)的序號(hào)
var val = obj.options[index].value;

6.獲得選項(xiàng)option的文本
代碼如下:
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序號(hào),取當(dāng)前選中選項(xiàng)的序號(hào)
var val = obj.options[index].text;

7.修改選項(xiàng)option
代碼如下:
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序號(hào),取當(dāng)前選中選項(xiàng)的序號(hào)
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 宣威市| 香格里拉县| 探索| 新津县| 乌鲁木齐县| 奇台县| 政和县| 舞阳县| 民丰县| 琼中| 高要市| 昭觉县| 大邑县| 五华县| 鸡泽县| 玉田县| 阿克苏市| 遵义县| 宁波市| 南宫市| 收藏| 广东省| 元氏县| 峡江县| 华亭县| 溧阳市| 河源市| 兴山县| 台山市| 鄂州市| 平原县| 安陆市| 灵璧县| 庆安县| 东乌珠穆沁旗| 乐昌市| 环江| 汤原县| 都兰县| 海伦市| 乐清市|