2011-04-18 82 views
118

我正在使用YUI小工具。我也確實有一個Javascript功能來驗證來自於銳吸引我的div輸出:使用Javascript函數設置輸入值

Event.on("addGadgetUrl", "click", function(){ 
     /* line x ------>*/  var url = Dom.get("gadget_url").value; 
       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的值設置爲""

+1

嘗試......'Dom.get(「gadget_url」).set(「value」,「」);'...我不太確定 – 2011-04-18 08:50:24

回答

303

嘗試... 爲YUI

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

與正常Javascript

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

與jQuery

$("#gadget_url").val(""); 
57
document.getElementById('gadget_url').value = ''; 
+1

這不是使用[YUI](http:/ /yuilibrary.com/)。 – Alastair 2014-11-05 01:46:42

4

在MVC5以下工作:

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

javascript!= MVC5 – qbantek 2016-02-22 18:38:33

+4

但他給出了正確的答案。有新手會根據這個答案找到這個問題。 – 2016-05-09 12:38:01

4

根據用例它的確與衆不同,你是否使用JavaScript(element.value = x)或jQuery的$(element).val(x);

xundefined jQuery的結果在一個空字符串,而JavaScript的結果爲"undefined"作爲字符串。

1

我沒有使用YUI,但萬一它幫助別人 - 我的問題是,我有頁面上的重複ID(正在對話框中工作,忘記了下面的頁面)。

更改ID以便它是唯一的,這使我可以使用Sangeet的答案中列出的方法。

+0

只是爲了簡潔和未來的參考,頁面上的所有ID都應該**始終是唯一的 – Pogrindis 2016-06-23 08:32:05