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

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

请更改

var url = '/url/to/your/file.jpg',
    xhttp = new XMLHttpRequest();

xhttp.open('HEAD', url);
xhttp.onreadystatechange = function () {
    if (this.readyState == this.DONE) {
        console.log(this.getResponseHeader('Content-Type'));
    }
};
xhttp.send();

到

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

避免提交表格。

有关详情，请查看：What's the effect of adding 'return false' to a click event listener?

Answer 2

如果您点击链接（a元素）或按钮（input[type="button"]或button等元素），则会重定向页面。因此，在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);
}

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

3 个答案: