查找問題啊啊啊
如果我想設置一個文本框 在文本框輸入某個字段 就能搜索出對應的字段及索引號應該怎么寫？
小寶正年少
2018-02-26
1 回答
舉報
0/150
提交
取消
2018-02-26
不知道你說的是不是這個意思，僅供參考
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<style>
p {
color: red;
}
div{
width:200px;
height: 100px;
background-color: yellow;
color:red;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<h2>inArray方法</h2>
<div id="arron1">
<span>輸入源數組，以，號分隔</span>
<input type="text" id="originalArray"/>
</div>
<div id="arron2">
<span>輸入要查找的元素</span>
<input type="text" id="searchDate"/>
</div>
<div id="arron3">
<button id="search">查找</button>
</br>
<span>源數組為：<p></p></span>
<span>您要查找的結果：<p></p></span>
<span>在數組中的索引值為：<p></p></span>
</div>
<script type="text/javascript">
$("#search").click(function() {
var $array = $("#originalArray").val();
var $search = $("#searchDate").val();
var $result = $("#arron3").find("p");
var array = $array.split(",");
$result.empty();
$result.eq(0).text($array);
$result.eq(1).text($search);
//只查找首次出現的位置
$result.eq(2).text($.inArray($search,array))
});
</script>
</body>
</html>