これは、Web ブラウザーの TextBox の HTML コードです。
<textarea class="oracle-input">Når går bussen </textarea>
テキストを、フォームの TextBox に書き込んだテキストに、ボタンのクリックで変更したいのですが、どうすればよいですか?
jqueryを使用しています。
このようなもの
$("button").on("click", function () {
$(".oracle-input").val("value changed");
});
サーバーでこれを行う必要がある場合は、少し異なるマークアップを使用することをお勧めします。変化する
<textarea class="oracle-input">Når går bussen </textarea>
に
<asp:TextBox runat="server" ID="OracleInputTextBox"
CssClass="oracle-input" TextMode="Multiline" />
これにより、テキスト領域要素がサーバー側コントロールとしてレンダリングされ、サーバー側コードで変更できます。サーバー側ではOracleInputTextBox
、ページ/コントロール内にフィールドが作成され、次を使用してそのテキストを変更できます。次のコード:
OracleInputTextBox.Text = "new text";
他の回答では、クライアント側でこれを行う方法が既に提供されています。これで十分な場合は、ここで説明したサーバー側の変更は必要ありません。
サーバー側でこれを行いたい場合は、 のような asp コントロールを使用しますasp:TextBox
。クライアント側でこれを行う必要がある場合は、Javascript のgetElementById
またはgetElementsByClassName
.
クライアント ブラウザを意味する場合は、
jQuery を使用する場合:
$(".oracle-input").val($("your-textbox-selector").val())
jquery なし、純粋な JavaScript: google "getElementById"