JavaScript實現(xiàn)點擊文本自動定位到下拉框選中操作
更新時間：2016年06月15日 14:58:11 作者：宏仔很忙
這篇文章主要介紹了JavaScript實現(xiàn)點擊文本自動定位到下拉框選中操作，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了js點擊文本自動定位到下拉框選的具體代碼，供大家參考，具體內容如下
<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>
以上就是本文的全部內容，希望對大家學習JavaScript程序設計有所幫助。
相關文章
最近華為鴻蒙OS 2.0正式開源！關于鴻蒙的教程其實網(wǎng)上也已經(jīng)有一些嘗鮮的小伙伴分享了相關文章，這篇文章主要為大家詳細介紹了鴻蒙系統(tǒng)中的 JS 開發(fā)框架，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
關于js復制內容到瀏覽器剪貼板報錯：Cannot read properties of&n
這篇文章主要給大家介紹了關于js復制內容到瀏覽器剪貼板報錯：Cannot read properties of undefined (reading ‘writeText‘)的解決方案,文中給出了詳細的原因分析和解決方案,需要的朋友可以參考下2024-01-01
下面小編就為大家?guī)硪黄J識less和webstrom的less配置方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
javascript中apply和call方法的作用及區(qū)別說明
本篇文章主要是對javascript中apply和call方法的作用及區(qū)別進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了詳解webpack的proxyTable無效的解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
這篇文章主要介紹了JavaScript基礎之靜態(tài)方法和實例方法,簡單分析了javascript靜態(tài)方法及實例方法的定義、使用相關操作技巧與注意事項,需要的朋友可以參考下2018-12-12
這篇文章主要介紹了Bootstrap中定制LESS-顏色及導航條的相關資料，非常不錯具有參考借鑒價值，感興趣的朋友一起看看吧2016-11-11
這篇文章主要介紹了詳解如何使用webpack打包JS，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
WebRTC技術包含了音視頻編解碼技術、傳輸技術、流媒體服務器技術等,涵蓋了音視頻處理和傳輸?shù)姆椒矫婷?下面這篇文章主要給大家介紹了關于如何基于webRTC實現(xiàn)人臉識別的相關資料,需要的朋友可以參考下2022-12-12
微信小程序實現(xiàn)單個卡片左滑顯示按鈕并防止上下滑動干擾功能
這篇文章主要介紹了微信小程序實現(xiàn)單個卡片左滑顯示按鈕并防止上下滑動干擾功能，利用小程序事件處理的api，分別讀取觸摸開始，觸摸移動時，觸摸結束的X/Y坐標，根據(jù)差值來改變整個卡片的位置，具體實例代碼跟隨小編一起看看吧2019-12-12