Javascript 如何在变量中插入动态多行文本框生成的值
我正在尝试在变量中插入动态多行文本框生成的值,以便通过ajax json将其发送到服务器端。 用于生成多个动态值的代码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' />";
$('#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()));
});