如何使用javascript删除/更改输入值

时间:2014-03-21 18:30:33

标签: javascript jquery html input

如何删除值' Anonymous'在我的输入中,并用占位符文本替换它'你的名字'使用javascript / jquery?我无法访问HTML代码。

这是我到目前为止所做的,但不知道从那里去哪里。

document.getElementById('txtYourName').placeholder =' Your Name ';  


HTML

<input id="txtYourName" type="text" value="Anonymous" name="txtYourName"></input>

5 个答案:

答案 0 :(得分:1)

您可以使用 .val()

$('#txtYourName').val('');

或纯javascript使用:

document.getElementById('txtYourName').value = ""

如果您想设置新值,请将您的值放在""内,例如:

$('#txtYourName').val('new value');

使用jQuery,您的最终代码应如下所示:

$('#txtYourName').attr('placeholder','Your name');
$('#txtYourName').val('');

<强> Fiddle Demo

使用纯JS,最终代码应如下所示:

document.getElementById('txtYourName').placeholder ='Your name';  
document.getElementById('txtYourName').value = "";

<强> Fiddle Demo

答案 1 :(得分:1)

在这里添加第二行...... 仅当值恰好为空时才会看到占位符。使用下面的代码,您可以设置占位符,并删除字段中的默认值。

document.getElementById('txtYourName').placeholder =' Your Name ';  
document.getElementById('txtYourName').value = "";

演示:http://jsfiddle.net/723vL/

答案 2 :(得分:0)

只要您在onload事件,jquery的ready事件或页面的最底部运行该脚本,就应该这样做。 / p>

您的控制台是否收到错误?

答案 3 :(得分:0)

试试这个

返回值:

$('#txtYourName').attr("value");

设置值

$('#txtYourName').attr("value", "");

答案 4 :(得分:-1)

使用

document.getElementById('txtYourName').value ='some vaue';

如果您使用的是jQuery,那么您可以使用

$("#txtYourName").val('some value');