php - javascriptですでに割り当てられているテキストボックスの値を動的に取得する

Question

PHP には次のようなフォームがあります。

<?php
   $txtVal1 = "value1";
?>
<script type="text/javascript">
 function post_data(){
   alert(document.getElementById("text1").value);
 }
</script>
<form method="post" action="">
<input type="text" value="<?php echo $txtVal1;?>" id="text1"/>
<input type="button" value="Post" onclick="post_data()"/>
</form>

私の質問は、「投稿」ボタンをクリックするたびに「value1」として警告メッセージが表示されることです。これで問題ありません。しかし、テキスト ボックスの値を UI から別の値に変更しても、古い値のままです。変更された値を取得する解決策はありますか?

Answer 1

これを試して。これは機能します。PHPの値が正しく値を入力しているかどうかを確認してください

    <script type="text/javascript">
 function post_data(){
   alert(document.getElementById("text1").value);

 }
</script>

<form method="post" action="">
<input type="text" id="text1"/>
<input type="button" value="Post" onclick="post_data()"/>
</form>

Answer 2

<pre>
<?php <br/>
   $txtVal1 = "value1";<>
?>
<script type="text/javascript">
 function post_data(){
   alert(document.getElementById("text1").value);
 }

 function test(val){
    document.getElementById("text1").value = val;
 }
</script>
<form method="post" action="">
<input type="text1" value="<?php echo $txtVal1;?>" onChange="test(this.value)" id="text1"/>
<input type="button" value="Post" onclick="post_data()"/>
</form>

Answer 3

あなたのページは、最初のphp値の割り当てをロードした後、その問題であるすべての値を実行します。上記のものに値を割り当てるように変更します$txtVal1 = "value1";

Answer 4

このjQueryフィドルを試してください

やり過ぎかもしれませんが、うまくいきます。StackOverflow は jsfiddle へのリンクが好きではありませんか?

$("#submit").click(function(){
    alert($("#text1").val());
});