問題回傳動態字符串數組

Question

我有一個模式彈出內部的表格，用戶可在文本框中輸入文字，然後點擊加號按鈕，動態地增加它們在鍵入的文本到DIV這樣他們就可以繼續再添加一個。

<div class="form-group"> 
    <label class="control-label col-sm-4" for="prefix"> 
     Cast <span style="color:red">*</span> 
    </label> 
    <div class="col-sm-5"> 
     <input type="text" class="form-control col-sm-5" id="Cast" /> 
    </div> 
    <div class="col-sm-1"> 
     <button type="button" id="btnNewCast" class="btn btn-default">+</button> 
    </div> 
</div> 
<div class="form-group"> 
    <label class="control-label col-sm-4" for="prefix"></label> 
    <div class="col-sm-6" id="newCast"> 

    </div> 
</div> 

如這裏所示：

的NEWCAST是我顯示由jquery的輸入的值。

當他們點擊btnNewCast下面的腳本被稱爲

$("#btnNewCast").click(function() { 
      $("#newCast").append("<span class='label label-success label-as-badge custom-line-height' id='cast[]'><i class='glyphicon glyphicon-tag'></i> "+ $("#Cast").val() + "</span><br/>"); 

      $("#Cast").val(''); 
     }); 

，看起來像這樣：

的HTML如下：

<span id="cast[]" class="label label-success label-as-badge custom-line-height"> 
<i class="glyphicon glyphicon-tag"></i> 
    They Appear Here  
</span> 

當他們按提交對我傳回值的形式，如圖她e：

$("#btnAddMovie").click(function() { 

       $.ajax({ 
        url: '/Movies/Add', 
        //data: $('NewMovie').serialize(), 
        data: { "Title": $("#Title").val(), "Classification": $("#Classification").val(), "Rating": $("#Rating").val(), "ReleaseDate": $("#ReleaseDate").val(), "Cast": $("#Cast").val() }, 
        cache: false, 
        type: "POST", 
        success: function (result) { 
         if (result.success) { 

         } 
        }, 
        error: function (result) { 
         alert("Error"); 
        } 
       }); 
     }); 

其中映射到我的模型，並正常工作。

控制器：

[HttpPost] 
    public ActionResult Add(Movie model) 
    { 


     return View(); 
    } 

我的模型聲明如下：

public int MovieId { get; set; } 
public int Rating { get; set; } 
public int ReleaseDate { get; set; } 
public string Title { get; set; } 
public string Classification { get; set; } 
public string Genre { get; set; } 
public string[] Cast { get; set; } 

我的問題是，你可以看到演員是一個字符串數組，用戶輸入的項目（這是在圖片）我想，當他們張貼到他們都映射到鑄造字符串數組中。

我已經試過

"Cast": $("#cast[]").val() 

但發佈時，我得到一個jQuery錯誤，無法識別的表達

我不能讓它正確地映射..

** **更新完成post method

$("#btnAddMovie").click(function() { 

      var stringArr = $('span[data-id="cast[]"]').map(function() { 
       return $(this).text().trim(); 
      }); 

      $.ajax({ 
       url: '/Movies/Add', 
       //data: $('NewMovie').serialize(), 
       data: { "Title": $("#Title").val(), "Classification": $("#Classification").val(), "Rating": $("#Rating").val(), "ReleaseDate": $("#ReleaseDate").val(), "Cast": stringArr }, 
       cache: false, 
       type: "POST", 
       success: function (result) { 
        if (result.success) { 

        } 
       }, 
       error: function (result) { 
        alert("Error"); 
       } 
      }); 


     }); 

Answer 1

很少問題：

1. <span>沒有.val() (value)，請使用text()。

2. 錯誤

   Unrecognized expression

   是因爲：[] - 特殊字符不以純#..選擇允許的。使用[id=""]

3. 因此，使用map()遍歷這一點。

---

var stringArr = $('span[id="cast[]"').map(function(){ 
    return $(this).text().trim(); 
}); 

此外，要創建span通過jQuery的道路，ID = cast[]是越來越複製，重複的標識是無效的標記。使用類屬性或data-*屬性，如data-id="cast[]。然後，該代碼將是：

var stringArr = $('span[data-id="cast[]"').map(function(){ 
    return $(this).text().trim(); 
}); 

Demo -