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值赋值后，运行所有值，这是问题。您更改为上述$txtVal1 = "value1";

指定值

Answer 2

试试这个。这很有效。检查你的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 3

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

试试这个jQuery fiddle

它可能有点矫枉过正但它确实有效。 StackOverflow不喜欢链接到jsfiddle？

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

在javascript中动态检索已分配的文本框值

4 个答案: