如何獲取javascript對象中的值？

Question

我在.aspx頁面中有一個javascript對象，其中有一些參數需要在頁面加載時從.aspx字段中獲取其值。

這是javascript對象-

<script type='text/javascript'> 
trackingObject = {text1:"",text2:"",Date1:""};</script>

需要從.aspx頁面字段（例如從textbox ）替換text1 ， text2和Date1的值。

如何在RegisterStartupScript或任何其他簡便替代方法的幫助下實現這一目標？

Answer 1

首先，為這些控件分配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>

Answer 2

嘗試這個

   <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>

Answer 3

使用jQuery，您可以執行以下操作：

的HTML

<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />

<input type="button" value="Show Obj"/>

Java腳本

$("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

Answer 4

嘗試這個

Page.RegisterClientScriptBlock("test", "<script type='text/javascript'>$(document).ready(function(){trackingObject = {text1:'" + txtbox1.Text + "',text2:'" + txtbox2.Text + "',Date1:'" + txtDate.Text + "'};}) ;</script>");