我如何在javascript对象中获得值

How can I get values in a javascript object?

本文关键字:对象 javascript      更新时间:2023-09-26

我在.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>");