使用 Javascript 函数设置输入值

Question

我目前正在使用 YUI 小工具。我还有一个 Javascript 函数来验证来自 YUI 为我绘制的 div 的输出：

Event.on("addGadgetUrl", "click", function(){
    var url = Dom.get("gadget_url").value;  /* line x ------>*/
    if (url == "") {
        error.innerHTML = "<p> error" /></p>";
    } else {
        /* line y ---> */ 
        /*  I need to add some code in here to set the value of "gadget_url" by "" */
    }
}, null, true);

这是我的 div：

<div>
<p>URL</p>
<input type="text" name="gadget_url" id="gadget_url" style="width: 350px;" class="input"/>
<input type="button" id="addGadgetUrl" value="add gadget"/>
<br>
<span id="error"></span>
</div>

如您所见，我的问题是，如何我可以将 gadget_url 的值设置为 "" 吗？

Answer 1

JavaScript

document.getElementById('gadget_url').value = '';

jQuery

$("#gadget_url").val("");

YUI

Dom.get("gadget_url").set("value","");

Answer 2

document.getElementById('gadget_url').value = '';

Answer 3

MVC5 中的工作原理如下：

document.getElementById('theID').value = 'new value';

Answer 4

根据用例的不同，使用 javascript (element.value = x) 还是 jQuery $(element).val(x);

当 x 时会 有所不同 是未定义 jQuery 会产生一个空字符串，而 javascript 会产生一个字符串形式的“undefined”。

Answer 5

document.getElementById('gadget_url').value = 'your value';

Answer 6

我没有使用 YUI，但我的问题是页面上有重复的 ID（在对话框内工作并忘记了下面的页面）。

更改 ID 使其具有唯一性，使我能够使用 桑吉特的回答。

Answer 7

最短

gadget_url.value=''

addGadgetUrl.addEventListener('click', () => {
   gadget_url.value = '';
});

<div>
  <p>URL</p>
  <input type="text" name="gadget_url" id="gadget_url" style="width: 350px;" class="input" value="some value" />
  <input type="button" id="addGadgetUrl" value="add gadget" />
  <br>
  <span id="error"></span>
</div>

这是最短的工作解决方案（JSFiddle）。