這邊介紹一個 jQuery 一個好用的函數 contains ；可以根據輸入的關鍵字讓 select 直接做
selected 以及直接獲取 option 的 index 位置
以下範例.......
selected 以及直接獲取 option 的 index 位置
以下範例.......
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function(){
$("#set_btn").click(function(){
var kw=$("#set_select").val();
if(kw!=""){
$("#text_select option:contains("+kw+")").attr('selected',"selected");
var $index= $("#text_select option:contains("+kw+")").index();
alert("選項位置 index::"+$index);
}
});
});
</script>
</head>
<body>
<input type="text" id="set_select" name="set_select" value="" />
<input type="button" id="set_btn" name="set_btn" value="確定" />
<select name="text_select" id="text_select">
<option value="">請選擇</option>
<option value="阿貓">阿貓</option>
<option value="阿狗">阿狗</option>
<option value="阿豬">阿豬</option>
</select>
</body>
</html>
沒有留言:
張貼留言