Javascript 如何在变量中插入动态多行文本框生成的值

Javascript 如何在变量中插入动态多行文本框生成的值,javascript,c#,jquery,json,ajax,Javascript,C#,Jquery,Json,Ajax,我正在尝试在变量中插入动态多行文本框生成的值,以便通过ajax json将其发送到服务器端。 用于生成多个动态值的代码 $('#btnASize').click(function() { var sizerangeMin = "<input type='text' ID='SizeMin' value='2.00' />"; var ToleranceMin = "<input type='text' ID='TolMin'+i value='1' />";

我正在尝试在变量中插入动态多行文本框生成的值,以便通过ajax json将其发送到服务器端。 用于生成多个动态值的代码

$('#btnASize').click(function() {
  var sizerangeMin = "<input type='text' ID='SizeMin' value='2.00' />";
  var ToleranceMin = "<input type='text' ID='TolMin'+i value='1' />";
  var ToleranceMax = "<input type='text' ID='TolMax'+i value='1' />";
  var markup = "<tr><td>" + sizerangeMin + "</td><td>" + ToleranceMin + "</td><td>" + ToleranceMax + "</td></tr>";
  $("#WireDimTbl tbody").append(markup);
});

$('#btnASizeR').click(function() {
  var sizerangeMin = "<input type='text' ID='SizeMin' value='2.00' />";
  var sizerangeMax = "<input type='text' ID='SizeMax' value='3.00' />";
  var ToleranceMin = "<input type='text' ID='TolMin' value='1' />";
  var ToleranceMax = "<input type='text' ID='TolMax' value='1' />";
  var markup = "<tr><td>" + sizerangeMin + "</td><td>" + sizerangeMax + "</td><td>" + ToleranceMin + "</td><td>" + ToleranceMax + "</td></tr>";
  $("#WireDimTbl tbody").append(markup);
});

$('#btnWdDelete').click(function() {
  $("#WireDimTbl tbody>tr:last").remove();
})

像这样尝试,利用和


JSFIDLE working:

你知道循环的作用吗?你知道数组操作吗?如何在变量中存储值?如何从输入中获取值?这对你有用吗???你试过了吗?@PranayRana它正在工作,但如何将它传递到服务器端,然后如何存储在db@hari-对于服务器端,如果您正在传递json对象,那么服务器端方法应该具有具有相同结构的参数对象…一旦您接收到它,您就可以将其存储在DB中…您在服务器端有什么???并让我知道您的$(“#WireDimTbl tbody”).children(“:input”).serializeArray()的输出;statement@PranayRana我已经更新了服务器端部分。在动态文本框的情况下,我将如何定义服务器端具有相同结构的参数对象,以及如何在db中存储。
<script type="text/javascript" src="http://cdn.jsdelivr.net/json2/0.1/json2.js"></script>
<script type="text/javascript">
    $(function() {
        $(document).on("click", "[id*=btnFrmSubmit]", function() {
            var user = {};
            user.PRODUCT_ID = 1;
            user.TDC_NO = $("[id*=Tdc_No]").val();
            $.ajax({
                type: "POST",
                url: "TDC.aspx/SaveFrmDetails",
                data: JSON.stringify({
                    user: user
                })
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(response) {
                    alert("Data has been added successfully.");
                    window.location.reload();
                },
                error: function(response) {
                    alert(response.responseText);
                }
            });
        });
    });
</script>
"<th class='text-center'>TDC No.</th>" +
                        "<th><input id='Tdc_No' type='text' value='7y'/></th>". 
public class User
{
    public decimal PRODUCT_ID { get; set; }
    public string TDC_NO { get; set; }
    .
    .
}

[WebMethod]    
    public static void SaveFrmDetails(User user)
{
 string connectionString = ConfigurationManager.ConnectionStrings["condb"].ConnectionString;
 using (OracleConnection con = new OracleConnection(connectionString))
        {
            using (OracleCommand cmd = new OracleCommand("INSERT INTO TDC_PRODUCT1(TDC_NO) VALUES (:TDC_NO)",con)
  cmd.CommandType = CommandType.Text;                
  cmd.Parameters.AddWithValue(":TDC_NO", user.TDC_NO);
 cmd.Connection = con;
                con.Open();
                cmd.ExecuteNonQuery();
                con.Close();
            }
        }
    }
$( "#target" ).click(function() {
  alert(JSON.stringify($("#WireDimTbl tbody").find(":input").serializeArray()));
});