如何通过Javascript更改文本框中的PHP值

Question

我有一个文本框，从PHP加载值这是代码

<input  type="text" id="fName" value="<?php echo $row['fName']; ?>" disabled/>
<input type="button" value="Edit" onclick="changeValue('fName')" />

我的JavaScript

function changeValue(id){  
var value = "test";
document.getElementById(id).value = value;
}

单击函数后，该值将更改几秒钟，然后从数据库恢复为默认值。 谁能帮我

Answer 1

单击按钮后，页面将重新加载，以便恢复数据库的值。

请更换

<input type="button" value="Edit" onclick="changeValue('fName')" />

至

<input type="button" value="Edit" onclick="changeValue('fName'); return false;" />

避免提交表格。

有关更多信息，请查看以下内容： 向单击事件侦听器添加“返回假”的作用是什么？

Answer 2

如果单击链接（元素）或按钮（ input[type="button"]或button ）之input[type="button"] a元素，页面将被重定向。 因此，在onClick操作结束时，您必须编写return false来强制对浏览器说， 我不想在单击后重定向此页面！

例如：

function changeValue(id){
    var value = "test";

    document.getElementById(id).value = value;

    return false;
}

Answer 3

如何通过Javascript更改文本框中的PHP值

使用document.getElementById(id).value的替代方法是：

function changeValue(id){  
      var value = "test";
      document.getElementById(id).setAttribute("value", value);
}