使用jquery设置input元素的值

时间:2014-01-02 20:52:42

标签: javascript jquery steroids

我正在尝试使用JQuery更改输入字段的值,我不知道为什么这不起作用。它不会抛出错误,但它不会改变。我正在使用appgyver类固醇,但我认为这不重要。

的javascript:

$(document.getElementById("url")).val('test');

HTML

 <input type="text" id="url" class="topcoat-text-input"
       style="margin-left:10%; margin-top:10px; width: 80%; text-align: center" autocapitalize="off"
       autocorrect="off" required="true"
       placeholder="something else"/>

1 个答案:

答案 0 :(得分:5)

确保在加载DOM后代码正在运行。

在你的例子中也不需要jQuery。

你可以这样做:

window.onload = function(){
    document.getElementById("url").value = 'test';
};

演示:http://jsfiddle.net/qwertynl/7uCfc/


如果你想完全使用jQuery:

$(function(){
    $('#url').val('test');
});

演示:http://jsfiddle.net/qwertynl/m5Ttn/


或者你可以 将代码包装在onload中,只需在页面加载后将整个脚本放在文档的末尾。