我如何在javascript对象中获得值
本文关键字:对象 javascript | 更新日期: 2023-09-27 18:18:20
我在.aspx
页面中有一个javascript
对象,其中有一些参数的值需要在页面加载时从.aspx
字段获取。
这是javascript
对象-
<script type='text/javascript'>
trackingObject = {text1:"",text2:"",Date1:""};</script>
text1
, text2
, Date1
的值需要从.aspx
页面字段中替换(就像从textbox
一样)。
我如何在RegisterStartupScript
或任何其他简单和替代方法的帮助下实现这一点?
首先,为这些控件指定Id,然后
<script type='text/javascript'>
var text1Text = document.getElementById('text1Id').value;
var text2Text = document.getElementById('text2Id').value;
var date1Text = document.getElementById('date1Id').value;
var obj = {text1:text1Text, text2:text2Text, Date1:date1Text };
</script>
try this
<asp:TextBox runat="server" ID="txt1" runat="server"/>
// you can get this text box value by jquery like this
<script type='text/javascript'>
var txt1val = $('#<%= txt1.ClientID %>').val();
</script>
<script type='text/javascript'>
var text1Text = $('#<%= yourAspTextbox1ID.ClientID %>').val();
var text2Text = $('#<%= yourAspTextbox2ID.ClientID %>').val();
var text3Text = $('#<%= yourAspTextbox3ID.ClientID %>').val();
var obj = { text1: text1Text, text2: text2Text, Date1: text3Text};
</script>
使用jQuery可以这样做:
HTML
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="button" value="Show Obj"/>
Javascript $("input[type='button']").on("click", function () {
var values = [];
$("input[type='text']").each(function () {
values.push($(this).val());
});
trackingObject = {
text1: values[0],
text2: values[1],
Date1: values[2]
};
alert(JSON.stringify(trackingObject, null, 4));
});
JSFIDDLE
try this
Page.RegisterClientScriptBlock("test", "<script type='text/javascript'>$(document).ready(function(){trackingObject = {text1:'" + txtbox1.Text + "',text2:'" + txtbox2.Text + "',Date1:'" + txtDate.Text + "'};}) ;</script>");