Установите значение ввода с помощью функции Javascript - PullRequest
Новая
       8

Установите значение ввода с помощью функции Javascript

182 голосов
/ 18 апреля 2011

В настоящее время я использую гаджет YUI. У меня также есть функция Javascript для проверки вывода, полученного из div, который рисует для меня YUI: 

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 равным ""?

Ответы [ 7 ]

422 голосов
/ 18 апреля 2011

Попробуйте ... для YUI 

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

с обычным Javascript

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

с JQuery 

$("#gadget_url").val("");
70 голосов
/ 18 апреля 2011 
document.getElementById('gadget_url').value = '';
6 голосов
/ 02 сентября 2015

Следующие работы в MVC5: 

document.getElementById('theID').value = 'new value';
4 голосов
/ 19 мая 2016

В зависимости от варианта использования, имеет значение, используете ли вы javascript (element.value = x) или jQuery $(element).val(x);

Когда x равен undefined, jQuery приводит к пустой строке, тогда как javascript приводит к "undefined" как строке.

1 голос
/ 25 сентября 2018

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

1 голос
/ 22 июня 2016

Я не использую YUI, но в случае, если это кому-нибудь еще поможет - моя проблема заключалась в том, что у меня были дублированные идентификаторы на странице (работал внутри диалога и забыл о странице внизу).

Изменениеидентификатор, чтобы он был уникальным, позволил мне использовать методы, перечисленные в ответе Сангита.

0 голосов
/ 12 апреля 2019

Использование id в html не рекомендуется (особенно для создания компонентов), однако вы используете его, поэтому попробуйте 

gadget_url.value=''


gadget_url.value = ''

function set() {
   gadget_url.value = 'cool gadget';
}
<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" onclick="set()" />
  <br>
  <span id="error"></span>
</div>
...