如何在jquery中制作链接,编码实时搜索结果
How to make a link in jquery , codeigniter live search result?
我想做一个实时搜索,自动补全功能是成功的。但是我不知道如何给用户选择的文章做一个链接…
所以当用户点击其中一个结果时,它会转到:
<?php echo site_url('tampilan/tampilan_artikel?id='. $row['id']) ?>
但是我不知道如何在我的代码中放置这个链接。
下面是我的视图代码:<!DOCTYPE HTML>
<html lang="en-US">
<head>
<title>Codeigniter Autocomplete</title>
<link rel="stylesheet" href="<?php echo base_url();?>/jquery-ui/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="<?php echo base_url();?>/jquery-ui/ui.theme.css" type="text/ css" media="all" />
<script src="<?php echo base_url();?>/jquery-ui/jquery.min.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<meta charset="UTF-8">
<script type="text/javascript">
$(this).ready( function() {
$("#search").autocomplete({
minLength: 1,
source:
function(req, add){
$.ajax({
url: "<?php echo base_url(); ?>index.php/welcome/lookup",
dataType: 'json',
type: 'POST',
data: req,
success:
function(data){
if(data.response =="true"){
add(data.message);
}
},
});
},
select:
function(event, ui) {
$("#result").append(
"<li>" + ui.message.judul.value +"</li>"
);
},
});
});
</script>
</head>
<body>
<div class="row">
<div class="span12 offset2">
<form method="POST" action="<?php echo site_url('welcome/pencarian') ?>" class="form-inline" >
<input name="judul" class="span5" type="text" placeholder="Masukkan kata kunci pencarian" id="search">
<label for="mySubmit" class="btn btn-primary"><i class="icon-search icon-white"></i></label>
<input id="mySubmit" type="submit" value="Go" class="hidden" />
</form>
</div>
</div>
<ul>
<div id="result"></div>
</ul>
</body>
</html>
"<li>" + ui.message.judul.value +"</li>"
修改为
var href = '<?php echo base_url(); ?>/tampilan/tampilan_artikel?id='+ui.message.judul.id;
"<li><a href='"+href+"'>" + ui.message.judul.value+"</a></li>"
我认为您正在返回json中的文章id。
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 如何使用jQuery自动打开页面上的所有链接
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- jquery动画可以通过编程链接吗
- 在单击href链接的同时下载文件
- 尽管链接成功并已成功下载,但未找到NPM模块
- 制作一个不带HTML a标记但在动画播放完毕后指向其他页面的超链接
- 为什么我必须对 href 链接的 javascript 进行双重编码
- 如何使用Javascript对链接+显示消息进行编码
- Windows媒体编码器9插入(链接,脚本)处理
- 铬错误或编码错误?目标页面中的锚/ID 链接不起作用
- 使用Jquery或CSS覆盖硬编码链接
- 二维码破坏了特殊字符编码的哈希链接
- 如何为社交媒体网站编码链接:如果是移动应用程序,则为移动应用程序;如果是台式机,则为标准URL
- 如何在jquery中制作链接,编码实时搜索结果
- 更改"target= "在硬编码的href链接中
- Ipad/mobile和html编码的Jquery URL链接
- 如何不在js文件中硬编码codeigniter链接
- iOS设备上的mailto链接保持URL编码
- 如何编码一个脚本,可以扫描在我的网站的链接,并产生缩略图;就像Facebook一样