Встановити значення вводу за допомогою функції Javascript

208

Зараз я використовую гаджет 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бути ""?

— Алі Таха Алі Махбуб
джерело

1

Спробуйте ... Dom.get("gadget_url").set("value","");... я не зовсім впевнений

— Sangeet Menon

470

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

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

з нормальним Javascript

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

з JQuery

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

— Сангет Менон
джерело

72

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

— Calum
джерело

@Alastair Я підтверджую - це не використовує YUI. Однак в заголовку ОП

— написано

6

Наступні роботи в MVC5:

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

— Богдан Матес
джерело

11

javascript! = MVC5

— qbantek

6

І все-таки він дав правильну відповідь. Є новачки, які знайдуть це питання, грунтуючись на цій відповіді.

— Меттью Ніколс

4

Залежно від використовуваної скриньки, різниться, чи використовуєте ви JavaScript (element.value = x ) або jQuery$(element).val(x);

Коли xце undefinedпризводить JQuery в порожній рядку , тоді як яваскрипт результати в "undefined"вигляді рядка.

— злодій-геймер
джерело

1

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

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

— BSounder
джерело

Тільки для стислості та подальшого ознайомлення, всі ідентифікатори на сторінці

— ВЖЕ

1

document.getElementById ('gadget_url'). value = 'ваше значення';

— SMD
джерело

0

Рішення, яке надає Каміль Кілчевський, працює справді ідеально. IMHO, набагато легше читати, ніж document.getElementById.

function setValue(){
gadget_url.value='value to be set';
}

<input id='gadget_url' type='text'/>
<button onclick='setValue()'>Set value</button>

Розгорніть фрагмент

— дський
джерело

-3

Спробуйте

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>

Оновлення

Я не знаю, чому так багато downovotes (і жодних коментарів) - однак (для майбутніх читачів) не думаю, що це рішення не працює - воно працює з html, наданим у OP-питанні, і це найкоротше робоче рішення - ви можете спробувати самостійно ТУТ

— Каміль Кийчевський
джерело