首頁 web前端 js教程 javascript如何設定select值

javascript如何設定select值

Apr 12, 2021 pm 05:04 PM
javascript

javascript設定select值的方法:1、原生js設定select值,程式碼為【var gd2=document.getElementById("goods_name2")】;2、jquery設定select值。

javascript如何設定select值

本教學操作環境:windows7系統、javascript1.8.5版,DELL G3電腦。

javascript設定select值的方法:

1、原生js設定select值的方法

#(1)有時可能需要隱藏select,但還得需要更改select所傳遞的值。 (select的默認選中之為第一個,即下標為0的選項值)

1

2

3

4

5

6

var gd2=document.getElementById("goods_name2");

//为防止有时指定id元素不存在导致的异常

if(gd2)

{

 gd2[0].value=newvalue;

}

登入後複製

 (2)原生js更改select選定的值

1

2

3

4

5

6

var gd2=document.getElementById("goods_name2");

//为防止有时指定id元素不存在导致的异常

if(gd2)

{

   gd2.value=newvalue; //更改选定项,值为select选项中原有值(即换一个选择项)

}

登入後複製

1

2

3

var obj = document.getElementById("goods_name"); //定位id

var index = obj.selectedIndex; // 选中索引

obj.options[index].value=newvalue;//更改选定项的原有值(产生了新的选择项)

登入後複製

2、 jquery設定select值的方法

1

2

//设置select选定的值

$('#goods_name2 option:selected') .val(newvalue);

登入後複製

相關免費學習推薦:javascript影片教學

以上是javascript如何設定select值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

兩個點博物館:邦格荒地地點指南
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

兩個點博物館:邦格荒地地點指南
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用WebSocket和JavaScript實現線上語音辨識系統 如何使用WebSocket和JavaScript實現線上語音辨識系統 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript實現線上語音辨識系統

WebSocket與JavaScript:實現即時監控系統的關鍵技術 WebSocket與JavaScript:實現即時監控系統的關鍵技術 Dec 17, 2023 pm 05:30 PM

WebSocket與JavaScript:實現即時監控系統的關鍵技術

如何使用WebSocket和JavaScript實現線上預約系統 如何使用WebSocket和JavaScript實現線上預約系統 Dec 17, 2023 am 09:39 AM

如何使用WebSocket和JavaScript實現線上預約系統

如何利用JavaScript和WebSocket實現即時線上點餐系統 如何利用JavaScript和WebSocket實現即時線上點餐系統 Dec 17, 2023 pm 12:09 PM

如何利用JavaScript和WebSocket實現即時線上點餐系統

JavaScript與WebSocket:打造高效率的即時天氣預報系統 JavaScript與WebSocket:打造高效率的即時天氣預報系統 Dec 17, 2023 pm 05:13 PM

JavaScript與WebSocket:打造高效率的即時天氣預報系統

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

簡易JavaScript教學:取得HTTP狀態碼的方法

如何在JavaScript中取得HTTP狀態碼的簡單方法 如何在JavaScript中取得HTTP狀態碼的簡單方法 Jan 05, 2024 pm 01:37 PM

如何在JavaScript中取得HTTP狀態碼的簡單方法

javascript如何使用insertBefore javascript如何使用insertBefore Nov 24, 2023 am 11:56 AM

javascript如何使用insertBefore

See all articles