快捷導(dǎo)航

js實(shí)現(xiàn)下拉列表選中某個(gè)值的方法(3種方法)

更新時(shí)間：2015年12月17日 12:05:32 投稿：shichen2014

這篇文章主要介紹了js實(shí)現(xiàn)下拉列表選中某個(gè)值的方法,涉及JavaScript針對(duì)select下拉列表選擇操作的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)下拉列表選中某個(gè)值的方法。分享給大家供大家參考，具體如下：

方法1：

<select id="aa">
<option>1</option>
<option>2</option>
</select>
<input type="button" value=" 選中" onclick="checkOption()" />
<script language="javascript" type="text/javascript" >
function checkOption()
{
 document.getElementById("aa").options[1].selected = true;
 alert("選中了2");
}
</script>

方法2：

有一個(gè)如下的drop down

<select name="" >
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
.......

不在表單之內(nèi)的下拉列表框mycombo的操作

document.all( "mycombo ").selectedIndex=2 // 成功選中“蘋果”這一項(xiàng)
mycombo.selectedIndex=2 // 成功選中“蘋果”這一項(xiàng) 
document.mycombo.selectedIndex=2 // 失敗

在表單myform之內(nèi)的下拉列表框combo2的操作

document.all( "combo2 ").selectedIndex=2 // 成功選中“買水果”這一項(xiàng)
myform.combo2.selectedIndex=2 // 成功選中“買水果”這一項(xiàng) 
document.myform.combo2.selectedIndex=2 // 成功選中“買水果”這一項(xiàng)

方法3：

可以通過value來(lái)賦值。

舉例如下：

下拉列表代碼如下：

<select onPropertyChange="showValue(this.value)" id="mysel">
 <option value=""></option>
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
</select>
<input type="button" value="changevalue" onclick="setvalue();">

JS函數(shù)代碼如下：

function setvalue() {
 document.getElementById("mysel").value="2";
}

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS從數(shù)組中隨機(jī)取出幾個(gè)數(shù)組元素的方法
JS如何從一個(gè)數(shù)組中隨機(jī)取出一個(gè)元素或者幾個(gè)元素呢？其實(shí)方法很簡(jiǎn)單，下面小編給大家分享了JS隨機(jī)取出幾個(gè)數(shù)組元素的方法，非常不錯(cuò)，需要的朋友參考下
2016-08-08
詳解小程序輸入框閃爍及重影BUG解決方案
這篇文章主要介紹了詳解小程序輸入框閃爍BUG解決方案,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
2018-08-08
window.opener用法和用途實(shí)例介紹
window.opener，是通過window.open打開子窗體的父窗體的引用，下面為大家詳細(xì)介紹下其具體的使用方法，感興趣的朋友可以參考下
2013-08-08
javascript如何判斷數(shù)組內(nèi)元素是否重復(fù)的方法集錦
javascript如何判斷數(shù)組內(nèi)元素是否重復(fù)的方法集錦...
2007-02-02
js編寫的treeview使用方法
這篇文章主要為大家詳細(xì)介紹了js編寫的treeview使用方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
使用JavaScript italics方法實(shí)現(xiàn)文本變斜體教程示例
這篇文章主要為大家介紹了JavaScript italics實(shí)現(xiàn)文本變斜體教程示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-12-12
從零搭一個(gè)自用的前端腳手架的方法步驟
這篇文章主要介紹了從零搭一個(gè)自用的前端腳手架的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
IE6下出現(xiàn)JavaScript未結(jié)束的字符串常量錯(cuò)誤的解決方法
JavaScript文件只在IE6下出錯(cuò)（“未結(jié)束的字符串常量”）的解決辦法。
2010-11-11
js圖片延遲加載的實(shí)現(xiàn)方法及思路
這里延遲加載的意思是，拖動(dòng)滾動(dòng)條時(shí)，在圖片出現(xiàn)在瀏覽器顯示區(qū)域后才加載顯示。
2013-07-07
JavaScript基礎(chǔ)入門之錯(cuò)誤捕獲機(jī)制
初級(jí)開發(fā)人員往往很少使用js的拋出和捕獲異常，但拋出和捕獲異常往往是非常必要的,這篇文章主要給大家介紹了關(guān)于JavaScript基礎(chǔ)入門之錯(cuò)誤捕獲機(jī)制的相關(guān)資料,需要的朋友可以參考下
2021-08-08