jquery类似百度搜索框输入文字后显示提示问题？
这个是类似百度搜索框，输入文字后下边出现提示框。想问下varavailableTags=["1","2","3","4","5,"6","7","8","9"];这个怎么...
这个是类似百度搜索框，输入文字后下边出现提示框。
想问下var availableTags = [ "1", "2", "3", "4", "5, "6", "7", "8", "9" ]; 这个怎么改成显示html标签。
现在在input里输入数字1，就会提示1，就想上边这上图显示；我想让他里边显示一行两列的表格如下边那张图的效果。下边的代码是从jquery官网上扒下来的，请大神给看看怎么改。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="query-ui.js"></script>
<script>
$(function() {
var availableTags = [ "1", "2", "3", "4", "5, "6", "7", "8", "9" ];
$( "#tags" ).autocomplete({ source: availableTags }); });
</script>
</head>
<body>
<div class="ui-widget">
<input id="tags"></div>
</body>
</html> 展开
想问下var availableTags = [ "1", "2", "3", "4", "5, "6", "7", "8", "9" ]; 这个怎么改成显示html标签。
现在在input里输入数字1，就会提示1，就想上边这上图显示；我想让他里边显示一行两列的表格如下边那张图的效果。下边的代码是从jquery官网上扒下来的，请大神给看看怎么改。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="jquery-ui.css">
<script src="jquery-1.10.2.js"></script>
<script src="query-ui.js"></script>
<script>
$(function() {
var availableTags = [ "1", "2", "3", "4", "5, "6", "7", "8", "9" ];
$( "#tags" ).autocomplete({ source: availableTags }); });
</script>
</head>
<body>
<div class="ui-widget">
<input id="tags"></div>
</body>
</html> 展开
2个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>checkbox</title>
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="js/1.js" type="text/javascript"></script>
</head>
<body>
<table id="table1">
<tr>
<td><input type="checkbox" value="1"/>1</td>
<td id="k_1"><input type="text" name="student" id="s_1" readonly="true"/></td>
</tr>
<tr>
<td><input type="checkbox" value="2"/>2</td>
<td id="k_2"><input type="text" name="student" id="s_2" readonly="true"/></td>
</tr>
<tr>
<td><input type="checkbox" value="3"/>3</td>
<td id="k_3"><input type="text" name="student" id="s_3" readonly="true"/></td>
</tr>
<tr>
<td><input type="checkbox" value="4"/>4</td>
<td id="k_4"><input type="text" name="student" id="s_4" readonly="true"/></td>
</tr>
</table>
</body>
</html>
-------------------------------------------------------------
$(document).ready(function() {
$("td[id^='k_']").hide();
var check = $(":checkbox"); //得到所有被选中的checkbox
var actor_config; //定义变量
check.each(function(i){
actor_config = $(this);
actor_config.click(
function(){
if($(this).attr("checked")==true){
$("#k_"+$(this).val()).show();
}else{
$("#k_"+$(this).val()).hide();
}
}
);
});
});
<html>
<head>
<title>checkbox</title>
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="js/1.js" type="text/javascript"></script>
</head>
<body>
<table id="table1">
<tr>
<td><input type="checkbox" value="1"/>1</td>
<td id="k_1"><input type="text" name="student" id="s_1" readonly="true"/></td>
</tr>
<tr>
<td><input type="checkbox" value="2"/>2</td>
<td id="k_2"><input type="text" name="student" id="s_2" readonly="true"/></td>
</tr>
<tr>
<td><input type="checkbox" value="3"/>3</td>
<td id="k_3"><input type="text" name="student" id="s_3" readonly="true"/></td>
</tr>
<tr>
<td><input type="checkbox" value="4"/>4</td>
<td id="k_4"><input type="text" name="student" id="s_4" readonly="true"/></td>
</tr>
</table>
</body>
</html>
-------------------------------------------------------------
$(document).ready(function() {
$("td[id^='k_']").hide();
var check = $(":checkbox"); //得到所有被选中的checkbox
var actor_config; //定义变量
check.each(function(i){
actor_config = $(this);
actor_config.click(
function(){
if($(this).attr("checked")==true){
$("#k_"+$(this).val()).show();
}else{
$("#k_"+$(this).val()).hide();
}
}
);
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
建议使用jQuery UI aotucomplete 有现成的东西
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
