入力jqueryの値属性に文字列を渡す

Question

id = "clientAdd"の入力タグをユーザが書き込んでクリックすると、書き込まれたタグがタグとしてdivに追加され、すべてのタグが文字列の配列私は「=隠されたinputタグIDの値にとして、文字列の配列を渡すためにしようと隠された入力タグID =「clientAddCode」

<input type="text" id="clientAdd" value="" class="form-control required"> 
<input type="hidden" id="clientAddCode" name="address"> 

の値に、この配列を渡したいですclientAddCode "しかし、それは常に私に空の値を与えます。

var stringList = []; 
$("#clientAdd").keypress(function (e) { 
if (e.which === 13) { 
    $(".target").append("<a href='#' class='tag'>" +"<span class='removeAddress'>"+'+'+"</span>"+ this.value + "</a>"); 
     stringList.push(this.value); 
     this.value = ""; 
     $(document).on("click", ".removeAddress", function() { 
      var removeItem = $(this).parent().clone().children().remove().end().text(); 
      stringList = $('.removeAddress').map(function(){ 
       return $(this).parent().clone().children().remove().end().text() 
      }).get() 
      $(this).parent().remove(); 
      $("#clientAddCode").val(stringList); 
      console.log(stringList); 
     }); 
    } 
}); 

Answer 1

あなたは単一の文字列に配列を変換する必要があり、あなたがjoin機能を使用してこれを行うことができます：

は（参加）メソッドは文字列に配列の要素を結合し、文字列を返します。

array.join（セパレータ）

セパレータオプション。使用するセパレータ。省略した場合、要素はコンマ

で区切ってください、以下を参照してください。上記の例で

var arr = ["test1", "test2", "test3"]; 
 
var stringList = arr.join(", "); 
 
console.log(stringList); 
 
//Write in a div 
 
$("#clientAddCode").html(stringList); 
 
//Write in a text 
 
$("#myList").val(stringList);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="clientAddCode"></div> 
 
<input id="myList" type="text" />

は、私はコンマですべての項目を連結しました。 私はそれがあなたを助けてくれることを願っています。