我目前正在使用 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
的值设置为 ""
?
document.getElementById('gadget_url').value = '';
$("#gadget_url").val("");
Dom.get("gadget_url").set("value","");
document.getElementById('gadget_url').value = '';
MVC5中的以下作品:
document.getElementById('theID').value = 'new value';
根据用例,使用 javascript (
element.value = x
) 还是 jQuery 会有所不同$(element).val(x);
当
x
是 undefined
jQuery 导致空字符串,而 javascript 导致 "undefined"
作为字符串。
document.getElementById('gadget_url').value = 'your value';
我没有使用 YUI,但我的问题是我在页面上有重复的 ID(在对话框中工作,忘记了下面的页面)。
更改 ID 使其唯一允许我使用 Sangeet 的答案中列出的方法.
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)。