2017-12-22 3 views
0

C#の背後のコードからhtml入力フィールドのテキスト値を設定しようとしています。これらの入力が作成する方法は、Javaスクリプトループを使用する方法です。だから私は、サーバーで実行を追加する多くの運を持っている、またはここで=%>入力テキストフィールドの値をC#の後ろのコードから設定するAsp.net

は私のスクリプトは、私はC#の何かからの入力にアクセスしようとしている

var mytable = "<table class=\"Inside\" >"; 
var z = 0; 
var value = 0; 
for (var i = 1; i <= 3; i++) { 
mytable += "<tr>"; 

for (var C1 = 1; C1 <= 3; C1++) { 
    mytable += "<td>"; 

    mytable += "<table class=\"inside\" >"; 
    for (var C2 = 1; C2 <= 3; C2++) { 
     mytable += "<tr>"; 

     for (var j = 1; j <= 3; j++) { 
      z++; 
      //value = z.toString(); 
      //if (value % 3 != 0) value= ; 

      mytable += "<td> <input id=" + i + "x" + j + " name=" + z + " 
type=\"text\" maxlength=\"1\" oninput=\"this.value=this.value.replace(/[^0- 
9]/g,'');\" value= " +z+ " runat=\"server\" /> </td>"; 


     } 




     mytable += "</tr>"; 
    } 


    mytable += "</tr></table>"; mytable += "</td>";} 



mytable += "</tr>"; 
} 


mytable += "</tr></table>"; 

$(document).ready(function() { 
$("#myTable").append(mytable); 


}) 

ある<%て値を代入しませんでしたlike

protected void Button2_Click(object sender, EventArgs e) 
    { 

1x2.value="1"; 

} 

答えて

0

JavaScriptでHTMLコントロールを作成することができます。サーバーにデータを送信する場合は、JavaScriptを使用して値を取得し、ASPコントロール(HiddenFieldなど)に割り当ててから、サーバー側でその値にアクセスします。

var mytable = "<table class=\"Inside\" >"; 
 
var z = 0; 
 
var value = 0; 
 
for (var i = 1; i <= 3; i++) { 
 
    mytable += "<tr>"; 
 
    for (var C1 = 1; C1 <= 3; C1++) { 
 
    mytable += "<td>"; 
 
    mytable += "<table class=\"inside\" >"; 
 
    for (var C2 = 1; C2 <= 3; C2++) { 
 
     mytable += "<tr>"; 
 
     for (var j = 1; j <= 3; j++) { 
 
     z++; 
 
     //value = z.toString(); 
 
     //if (value % 3 != 0) value= ; 
 

 
     mytable += "<td> <input id=" + i + "x" + j + " name=" + z + " type=\"text\" maxlength=\"1\" oninput=\"this.value=this.value.replace(/[^0-9]/g,'');\" value= " + z + " /> </td>"; 
 
     } 
 
     mytable += "</tr>"; 
 
    } 
 
    mytable += "</tr></table>"; 
 
    mytable += "</td>"; 
 
    } 
 
    mytable += "</tr>"; 
 
} 
 
mytable += "</tr></table>"; 
 

 
function CreateTable() {} 
 

 
$(document).ready(function() { 
 
    $("#myTable").append(mytable); 
 
}) 
 

 
function getInputValue(element) { 
 
    $("#<%= HiddenField1.ClientID %>").val($("#1x2").val()); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="myTable"></div>

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate> 
     <br /> 
     <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" OnClientClick="getInputValue(this);" /> 
     <br /> 
     <br /> 
     <asp:Label ID="Label1" runat="server" Text="HiddenField Value:"></asp:Label> 
     <asp:HiddenField ID="HiddenField1" runat="server" /> 
    </ContentTemplate> 
</asp:UpdatePanel> 

C#のコードビハインド

protected void Button1_Click(object sender, EventArgs e) 
{ 
    Label1.Text += "<br />Input 1x2: " + HiddenField1.Value; 
} 
+0

こんにちはアッティラ、フィードバックありがとうございます。 Request.Form ["1x2"]でコードフィールドの入力フィールドの値を簡単に取得できます。問題は、これらの入力フィールド値をコードの背後から設定または変更する方法です。入力フィールドの値を変更して、それをコピーせずに変更したいのですが、 –

+0

@Adam Bahrani、私の例に似たJavaScriptを使用してクライアントでのみ行うことができますか?もちろん、他にもたくさんのアプローチがありますが、JavaScriptを使用しているクライアント側でも同じです。 –

0

あなたが使用することができます入力で、IDを持っている場合。

protected void Button1_Click(object sender, EventArgs e) 
{ 
    System.Text.StringBuilder sb = new System.Text.StringBuilder(); 
    sb.Append(@"<script language='javascript'>"); 
    sb.Append(@"$('#YOUR_IDINPUT').val('"+SomeValue+"');"); 
    sb.Append(@"</script>"); 
    ScriptManager.RegisterStartupScript(Button1,this.GetType(), "JSCR", 
    sb.ToString(),false); 
} 

申し訳ありませんが、私はあなたを助けることができません。

+0

ありがとうMikhail。それは間違いなく助けになるものです。しかし、私はそれを働かせることができません。多少の答えが役に立つかもしれません。この行は何ですかScriptManager.RegisterStartupScript(Button1、this.GetType()、 "JSCR"、 sb.ToString()、false); JSCRは具体的に何ですか?あなたは価値を追加できますか? –

+0

これはスクリプトを使用するための行です。彼はあなたのスクリプトを登録し、あなたのページに追加しました。 "JSCR"はスクリプトの単純なキーで、あなたはどのように呼び出すことができます。これは、あなたがブートストラップの進行状況バー、チャートを使用して、モーダルを開いたり隠したりするために、すべてのjavascriptメソッドを使用できるメソッドです。 –

関連する問題