点击获取a的值并加逗号怎么实现?

L@_@K
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD> <BODY>
 <label for="店铺标签">店铺标签：</label><input name="tag" id="tag" type="text"><span >(用"，"逗号隔开)</span>
<strong>常见标签：</strong>
<a href="javascript:selecttag('北京烤鸭');">北京烤鸭</a>
<a href="javascript:selecttag('饭店');">饭店</a>
<a href="javascript:selecttag('全聚德');">全聚德</a>  <SCRIPT LANGUAGE="JavaScript">
  <!--
function selecttag(tag) { var reFood1 = new RegExp( tag + "\,","gi"); var reFood2 = new RegExp( "\," + tag ,"gi"); var reFood3 = new RegExp( tag ,"gi"); var value = document.getElementById("tag").value; if(value != ''){ if(reFood1.test(value)){ document.getElementById("tag").value = value.replace(reFood1,""); }else if (reFood2.test(value)){ document.getElementById("tag").value = value.replace(reFood2,""); }else if(reFood3.test(value)){ document.getElementById("tag").value = value.replace(reFood3,""); }else{ document.getElementById("tag").value = value + "," + tag; } }else{ document.getElementById("tag").value = tag; } }
  //-->
  </SCRIPT>
 </BODY>
</HTML>

解决方案 »

  1.   

    用jQuery写了遍, 没有像1楼那样加"重复点击-删除"功能<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
    <html>
     <head>
      <title> new document </title>
       <script type="text/javascript" src="scripts/jquery.js"></script>
      <script type="text/javascript">
    function selecttag(txt){
    $("#tag").val($("#tag").val() +txt+',');
    }
      </script>
     </head> <body>
     <label for="店铺标签">店铺标签：</label><input name="tag" id="tag" type="text"><span >(用"，"逗号隔开)</span>
    <strong>常见标签：</strong>
    <a href="javascript:selecttag('北京烤鸭');">北京烤鸭</a>
    <a href="javascript:selecttag('饭店');">饭店</a>
    <a href="javascript:selecttag('全聚德');">全聚德</a>   </body>
    </html>
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
     <label for="店铺标签">店铺标签：</label><input name="tag" id="tag" type="text"><span >(用"，"逗号隔开)</span>
    <strong>常见标签：</strong>
    <a href="javascript:selecttag('北京烤鸭');">北京烤鸭</a>
    <a href="javascript:selecttag('饭店');">饭店</a>
    <a href="javascript:selecttag('全聚德');">全聚德</a>  <SCRIPT LANGUAGE="JavaScript">
      <!--
    function selecttag(tag) { 
    var result = "";
    var is_contain = false;
    if(document.getElementById("tag").value == "")
    {
    result = tag;
    }
    else
    {
    var ary = document.getElementById("tag").value.split(",");
    for(var i = 0; i < ary.length; i++)
    {
    if(ary[i]==tag)
    {
    is_contain = true;
    continue;
    }
    result += ary[i] + ","
    }
    result = result.substring(0,result.length - 1);

    if(is_contain == false)
    result += "," + tag;
    }
    document.getElementById("tag").value = result;
    }
      //-->
      </SCRIPT>
     </BODY>
    </HTML>
      

  3.   

    <html>
    <head>
    </head>
    <body>
    <label for="店铺标签">店铺标签：</label><input name="tag" id="tag" type="text"><span >(用"，"逗号隔开)</span>
    <strong>常见标签：</strong>

    <a href="#" onclick="addtag('北京烤鸭')">北京烤鸭</a>
    <a href="#" onclick="addtag('饭店')">饭店</a> <script>
    var tags = new Array() ;
    function addtag(tag){
    var len = tags.length ;
    var flag = false ;
    var j = 0 ;

    for(var i=0;i<len;i++){
     if(tags[i]==tag){
      flag = true ;
      j = i ;
      break ;
     }
    }
    if(flag){
    tags.splice(j,1) ;
    }else{
    tags[len] = tag ;
    }
    document.getElementById("tag").value = tags ;
    }
    </script>
    </body>
    </html>