请大家帮忙哈!请赐教!在线等待..............
jsp页面:
var index=0;
var blag=false;
var flag=false;
$("#addWord").bind("click", function(){
$("#auto").hide();
if($("#words").val().length>0&&$("#words").val()!='')
{
var divs = $("#auto div");
for ( var i = 0; i <divs.length; i++) {
if($(divs[i]).text()==$("#words").val())
{
blag=true;
break;
}
}
if(!blag)
{
$("#msgs").html("<font color='red'> 此关键词不存在</font>");
$("#words").focus();
}
else{
$("#da").show();
$("#canCal").show();
$("#msgs").empty();
$("#wordListdiv").css("border","1px solid green");
if(typeof($("input[name='wordslists']").attr("name"))=="undefined")
{
$("#wordlist").append("<ul style='list-style-type:none;display: inline;width:auto;'></ul>");
$("ul").append("<li><input type='checkbox' name='wordslists' id='wordslists"+index+"' value=''/></li>");
$("ul li").append("<label >"+$("#words").val()+"</label>");
var ts= $("#wordslists"+index);
$.ajax({
type: "POST",
url: "checkWrod",
data: "word="+$("#words").val()+"&rnd="+Math.random(),
dataType: "json",
success: function(data){
//首次,判读词库是否存在当前输入的关键词,如果没有清空wordlist,获取关键词的ID
if(data['wordId']=="")
{
$("#wordlist").empty();
$("#canCal").hide();
$("#msgs").empty();
$("#wordListdiv").css("border","1px solid white");
}
else
{
ts.val(data['wordId']);
}
}});
$("#words").val("");
$("#msgs").html("");
}else{
var exist=$("input[name='wordslists']");
for ( var i = 0; i <exist.length; i++) {
if($(exist[i]).next('label').text()==$("#words").val())
{
blag=true;
alert("关键词已经添加了!");
$("#words").val("");
break;
}
else{
blag=false;
}
}
if(!blag)
{
$("#wordlist ul li[id!='pageNum']:last").after("<li><input type='checkbox' name='wordslists' id='wordslists"+index+"' value=''/></li>");
$("ul li[id!='pageNum']:last").append("<label >"+$("#words").val()+"</label>");
var ts2= $("#wordslists"+index);
$.ajax({
type: "POST",
url: "checkWrod",
data: "word="+$("#words").val()+"&rnd="+Math.random(),
dataType: "json",
success: function(data){
//其次,判读词库是否存在当前输入的关键词,如果没有就删除ID,否则获取关键词的ID
if(data['wordId']=="")
{
$("#wordlist ul li[id!='pageNum']:last").remove();
}
else{
ts2.val(data['wordId']);
}
}});
$("#words").val("");
$("#msgs").html("");
}
if( $("#wordlist ul li").length>10&&!flag)
{
$("#wordlist ul li:lt(10)").each(function(){
$(this).css("display","none");
$(this).attr("disabled","disabled");
});
$("#wordlist ul li").last()
.after("<li id='pageNum'>"
+"<span style=' padding-left:150px;font-size:15px; cursor: pointer;' id='pageUp'>上一页</span>"
+"<span style='padding-left:20px;font-size:15px;cursor: pointer;'id='pageDown'>下一页</span>"
+"</li>");
flag=true;
}
if($("#"))
{
}
}
index++;
}
}
else
{
alert("专题关键字不能为空!!!");
$("#words").focus();
}
});
$("pageUp").bind("click",function(){
});
$("pageUp").bind("click",function(){
}); Html代码: <div style="border: 1px solid #A6C9E1; height: auto;">
<div class="Column">专题名称:<input name="mainWord" id="mainWord" type="text" class="input"/></div>
<div class="Column">关 键 词:<input name="words" id="words" type="text" style="width: 300px;" class="input"/> <span id="msgs"></span><input type="button" name="addWord" id="addWord" value=" 添加 "/></div>
<div id="auto"></div>
<div id="da">
<div id="wordListdiv" class="Column1">
<span id="wordlist" style="height: auto;"></span>
</div>
<div style="height:40px; width:80px; float:left; margin-left:7px;"><input type="button" style="display:none;" id='canCal' name='canCal' value=" 删除" /></div>
</div>
<div class="btn"> <input type="button" name="lastAdd" id="lastAdd" value="创建专题"/><input type="button" name="lastCal" id="lastCal" value="取 消" class="btn_j"/></div>
</div>
jsp页面:
var index=0;
var blag=false;
var flag=false;
$("#addWord").bind("click", function(){
$("#auto").hide();
if($("#words").val().length>0&&$("#words").val()!='')
{
var divs = $("#auto div");
for ( var i = 0; i <divs.length; i++) {
if($(divs[i]).text()==$("#words").val())
{
blag=true;
break;
}
}
if(!blag)
{
$("#msgs").html("<font color='red'> 此关键词不存在</font>");
$("#words").focus();
}
else{
$("#da").show();
$("#canCal").show();
$("#msgs").empty();
$("#wordListdiv").css("border","1px solid green");
if(typeof($("input[name='wordslists']").attr("name"))=="undefined")
{
$("#wordlist").append("<ul style='list-style-type:none;display: inline;width:auto;'></ul>");
$("ul").append("<li><input type='checkbox' name='wordslists' id='wordslists"+index+"' value=''/></li>");
$("ul li").append("<label >"+$("#words").val()+"</label>");
var ts= $("#wordslists"+index);
$.ajax({
type: "POST",
url: "checkWrod",
data: "word="+$("#words").val()+"&rnd="+Math.random(),
dataType: "json",
success: function(data){
//首次,判读词库是否存在当前输入的关键词,如果没有清空wordlist,获取关键词的ID
if(data['wordId']=="")
{
$("#wordlist").empty();
$("#canCal").hide();
$("#msgs").empty();
$("#wordListdiv").css("border","1px solid white");
}
else
{
ts.val(data['wordId']);
}
}});
$("#words").val("");
$("#msgs").html("");
}else{
var exist=$("input[name='wordslists']");
for ( var i = 0; i <exist.length; i++) {
if($(exist[i]).next('label').text()==$("#words").val())
{
blag=true;
alert("关键词已经添加了!");
$("#words").val("");
break;
}
else{
blag=false;
}
}
if(!blag)
{
$("#wordlist ul li[id!='pageNum']:last").after("<li><input type='checkbox' name='wordslists' id='wordslists"+index+"' value=''/></li>");
$("ul li[id!='pageNum']:last").append("<label >"+$("#words").val()+"</label>");
var ts2= $("#wordslists"+index);
$.ajax({
type: "POST",
url: "checkWrod",
data: "word="+$("#words").val()+"&rnd="+Math.random(),
dataType: "json",
success: function(data){
//其次,判读词库是否存在当前输入的关键词,如果没有就删除ID,否则获取关键词的ID
if(data['wordId']=="")
{
$("#wordlist ul li[id!='pageNum']:last").remove();
}
else{
ts2.val(data['wordId']);
}
}});
$("#words").val("");
$("#msgs").html("");
}
if( $("#wordlist ul li").length>10&&!flag)
{
$("#wordlist ul li:lt(10)").each(function(){
$(this).css("display","none");
$(this).attr("disabled","disabled");
});
$("#wordlist ul li").last()
.after("<li id='pageNum'>"
+"<span style=' padding-left:150px;font-size:15px; cursor: pointer;' id='pageUp'>上一页</span>"
+"<span style='padding-left:20px;font-size:15px;cursor: pointer;'id='pageDown'>下一页</span>"
+"</li>");
flag=true;
}
if($("#"))
{
}
}
index++;
}
}
else
{
alert("专题关键字不能为空!!!");
$("#words").focus();
}
});
$("pageUp").bind("click",function(){
});
$("pageUp").bind("click",function(){
}); Html代码: <div style="border: 1px solid #A6C9E1; height: auto;">
<div class="Column">专题名称:<input name="mainWord" id="mainWord" type="text" class="input"/></div>
<div class="Column">关 键 词:<input name="words" id="words" type="text" style="width: 300px;" class="input"/> <span id="msgs"></span><input type="button" name="addWord" id="addWord" value=" 添加 "/></div>
<div id="auto"></div>
<div id="da">
<div id="wordListdiv" class="Column1">
<span id="wordlist" style="height: auto;"></span>
</div>
<div style="height:40px; width:80px; float:left; margin-left:7px;"><input type="button" style="display:none;" id='canCal' name='canCal' value=" 删除" /></div>
</div>
<div class="btn"> <input type="button" name="lastAdd" id="lastAdd" value="创建专题"/><input type="button" name="lastCal" id="lastCal" value="取 消" class="btn_j"/></div>
</div>
<div id="1">女儿</div>
<div id="2">女士</div>
<div id="3">女性</div>
<div id="4">女童</div>
<div id="5">女足</div>
<div id="6">妇女</div>
<div id="7">侄女</div>
<div id="8">女包</div>
<div id="9">女排</div>