如何在MVC4中創建動態控制

Question

我爲員工創建了一個註冊表單。在這種形式下，我有一個叫做技能的領域。

如果員工點擊「添加另一個技能」按鈕，應創建一組新的技能文本框。

同樣，技能文本框的數量應該基於按鈕點擊次數動態創建。

是否可以在asp.net MVC4中實現。

Answer 1

使用Jquery選擇器來選擇要添加並追加到父元素的元素。

一些樣品：

http://coursesweb.net/jquery/add-remove-elements-content-jquery

Add/Remove Elements Dynamically

Answer 2

嘗試：

<a href="#" id="new-skill"> Add another skill </a> 

腳本文件

<script> 
    $(function() { 
     $("#new-skill").on("click", function(ev) { 
      ev.preventDefault(); 
      $("#idOfYourForm").append("<input type='text' name='skill' />"); 
     }); 
    }); 
</script>