动态添加数据(二)

(一)html代码结构

<div class="recommend_box">

<ul class="recommend_left">

<li><span>已选文章</span></li>

<?php if(isset($recommend_content)){ foreach ($recommend_content as $k => $v): ?>

<li><input type="checkbox" name="recommend_content_id[]" value="<?php echo $v['contentid']; ?>" checked="checked"><span title="<?php echo $v['title']; ?>"><?php echo $v['title']; ?></span></li>

<?php endforeach; } ?>

</ul>

<ul class="recommend_right">

<li><input type="text" id="search_recommend" /><input type="button" id="search_recommend_but" value="搜索"></li>

</ul>

</div>

(二)js代码

 //默认开关值

var mayclick=true; 

$('.recommend_right').on('click','#search_recommend_but',function(){

if (!mayclick){alert('正查着呢，别着急');return false};

mayclick=false;

//搜索的词

var text = $.trim($('#search_recommend').val());

if (text=='') {alert('填上要搜索的标题啊！');mayclick=true;return false};

$.post(

'?m=jx&c=index&a=public_title_search',

{title:text},

function(res){

mayclick=true;

if (res.res) {

var html='<li><input type="text" id="search_recommend" /><input type="button" id="search_recommend_but" value="搜索"></li>';

for (var i = 0; i < res.msg.length; i++) {

html+='<li><input type="button" value="添加" οnclick="push_this(this);" id="'+res.msg[i].contentid+'"><font title="'+res.msg[i].title+'">'+res.msg[i].title+'</font></li>';

}

$('.recommend_right').html(html);

}else{

alert(res.msg);

}

},'json');

});

//把搜索到的词语放到指定的位置

function push_this(obj){

var _this = $(obj),

title = _this.parent().find('font').html(),

id = _this.attr('id');

$('.recommend_left li:eq(0)').after('<li><input type="checkbox" name="recommend_content_id[]" value="'+id+'" checked="checked"><span title="'+title+'">'+title+'</span></li>');

_this.parent().remove();

}