查找問題啊啊啊
如果我想設(shè)置一個(gè)文本框 在文本框輸入某個(gè)字段 就能搜索出對(duì)應(yīng)的字段及索引號(hào)應(yīng)該怎么寫？
小寶正年少
2018-02-26
1 回答
舉報(bào)
0/150
提交
取消
2018-02-26
不知道你說的是不是這個(gè)意思，僅供參考
<!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>輸入源數(shù)組，以，號(hào)分隔</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>源數(shù)組為：<p></p></span>
<span>您要查找的結(jié)果：<p></p></span>
<span>在數(shù)組中的索引值為：<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);
//只查找首次出現(xiàn)的位置
$result.eq(2).text($.inArray($search,array))
});
</script>
</body>
</html>