JavaScript實(shí)現(xiàn)點(diǎn)擊文本自動(dòng)定位到下拉框選中操作
本文實(shí)例為大家分享了js點(diǎn)擊文本自動(dòng)定位到下拉框選的具體代碼,供大家參考,具體內(nèi)容如下

<html >
<head runat="server">
<title></title>
<style type="text/css">
#SiteStat
{
width: 97px;
height: 181px;
}
</style>
</head>
<body>
<from>
<script language=javascript>
function foo(){
//var i = 3;
var i = document.getElementById("ds").value;
o = document.getElementById("SiteStat");
for (c = 0; c < o.length; c++) {
dy = o.options[c].value.indexOf(i)
if(dy==0)
//if (o.options[c].value == i)
{
o.options[c].selected = true;
break;
}
}
}
</script>
<select name="SiteStat" multiple="multiple" class="select1" id="SiteStat">
<option value="-1" selected></option>
<option value="1" >狀態(tài)A</option>
<option value="0">狀態(tài)B</option>
<option value="22">狀態(tài)C</option>
<option value="33">狀態(tài)D</option>
</select>
</from>
<input type='text' name='olala' id='ds'/>
<input type='submit' name='sub' value='查詢顯示' onclick="foo()"/>
</body>
</html>
以上就是本文的全部內(nèi)容,希望對(duì)大家學(xué)習(xí)JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
關(guān)于js復(fù)制內(nèi)容到瀏覽器剪貼板報(bào)錯(cuò):Cannot read properties of&n
這篇文章主要給大家介紹了關(guān)于js復(fù)制內(nèi)容到瀏覽器剪貼板報(bào)錯(cuò):Cannot read properties of undefined (reading ‘writeText‘)的解決方案,文中給出了詳細(xì)的原因分析和解決方案,需要的朋友可以參考下2024-01-01
認(rèn)識(shí)less和webstrom的less配置方法
下面小編就為大家?guī)硪黄J(rèn)識(shí)less和webstrom的less配置方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
javascript中apply和call方法的作用及區(qū)別說明
本篇文章主要是對(duì)javascript中apply和call方法的作用及區(qū)別進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02
JavaScript基礎(chǔ)之靜態(tài)方法和實(shí)例方法分析
這篇文章主要介紹了JavaScript基礎(chǔ)之靜態(tài)方法和實(shí)例方法,簡單分析了javascript靜態(tài)方法及實(shí)例方法的定義、使用相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-12-12
Bootstrap中定制LESS-顏色及導(dǎo)航條(推薦)
這篇文章主要介紹了Bootstrap中定制LESS-顏色及導(dǎo)航條的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-11-11
如何基于webRTC實(shí)現(xiàn)人臉識(shí)別功能
WebRTC技術(shù)包含了音視頻編解碼技術(shù)、傳輸技術(shù)、流媒體服務(wù)器技術(shù)等,涵蓋了音視頻處理和傳輸?shù)姆椒矫婷?下面這篇文章主要給大家介紹了關(guān)于如何基于webRTC實(shí)現(xiàn)人臉識(shí)別的相關(guān)資料,需要的朋友可以參考下2022-12-12
微信小程序?qū)崿F(xiàn)單個(gè)卡片左滑顯示按鈕并防止上下滑動(dòng)干擾功能
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)單個(gè)卡片左滑顯示按鈕并防止上下滑動(dòng)干擾功能,利用小程序事件處理的api,分別讀取觸摸開始,觸摸移動(dòng)時(shí),觸摸結(jié)束的X/Y坐標(biāo),根據(jù)差值來改變整個(gè)卡片的位置,具體實(shí)例代碼跟隨小編一起看看吧2019-12-12

