※ ChatGPTを利用し、要約された質問です（原文：inputの中身を書き換える方法について）
inputの中身を書き換える方法について
このQ&Aのポイント
input要素の中身を書き換える方法について、jQueryを使用してテキストを変更することができます。
書き換え実行ボタンを押下すると、特定の要素のテキストを変更することができます。
div要素とは異なり、input要素の場合は.val()メソッドを使用してテキストを変更することができます。
下記で書き換え実行ボタンを押下すると、初期値1は変更後1に変わるのですが、初期値２と初期値３が変わりませんでした。
そのため、inputの中を書き換えるには、divの場合とは違う書き方をしないといけないのかと思ったのですが、どのように記述すればよいかわからなかったのでアドバイスいただける方がいらっしゃいましたら、ご教示の程、よろしくお願いします。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="JavaScript" type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
$(function(){
$("#change").click(function(){
$("#text1").html("変更後１");
$("#text2").html("変更後２");
$("#text3").html("変更後３");
});
});
// -->
</script>
<title>title</title>
</head>
<body>
<form>
<input id="change" type="button" value="書き換え実行" />
</form>
<br />
<div id="text1">初期値１</div>
<input type="text" name="text2" id="text2" value="初期値２" />
<input type="hidden" name="text3" id="text3" value="初期値３" />
</body>
</html>
お礼
ご回答ありがとうございます。 ご教示いただいたソースで意図した動作となりました。 このたびはどうもありがとうございました。 以上、よろしくお願いします。