Javascript İşlevini Kullanarak Girdi Değerini Ayarlama

208

Şu anda bir YUI gadget'ı kullanıyorum. Ayrıca divYUI benim için çizer gelen çıktı doğrulamak için bir Javascript işlevi var:

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);

İşte benim 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>

Benim sorudur görebileceğiniz gibi, nasıl değerini ayarlayabilirsiniz gadget_urlolmak ""?

— Ali Taha Ali Mahboub
kaynak

1

Deneyin ... Dom.get("gadget_url").set("value","");... ama tam olarak emin değilim

— Sangeet Menon

470

YUI için deneyin ...

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

normal ile Javascript

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

JQuery ile

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

— Sangeet Menon
kaynak

72

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

— Calum
kaynak

@Alastair onaylıyorum - bu YUI kullanmıyor. Bununla birlikte OP başlığında "Javascript Fonksiyonu Kullanarak Girdi Değerini Ayarla" (YUI fonksiyonu değil) yazın, bu yüzden cevap soru gereksinimlerini karşılayın

— Kamil Kiełczewski

6

MVC5'te aşağıdakiler çalışır:

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

— Bogdan Mates
kaynak

11

javascript! = MVC5

— qbantek

6

Yine de doğru cevabı verdi. Bu cevabı bu cevaba dayanarak bulan yeni başlayanlar var.

— Matthew Nichols

4

Usecase'e bağlı olarak, javascript (element.value = x ) veya jQuery$(element).val(x);

Ne zaman x bir undefinedJavaScript sonuçları ise boş bir String jQuery sonuçları "undefined"bir String olarak.

— cani-oyun
kaynak

1

YUI kullanmıyorum, ancak başka birine yardımcı olması durumunda - benim sorunum, sayfada bir çift kimlik vardı (bir iletişim kutusunun içinde çalışıyordu ve altındaki sayfayı unuttum).

Kimliği benzersiz olacak şekilde değiştirmek, Sangeet'in cevabında listelenen yöntemleri kullanmama izin verdi.

— BSounder
kaynak

Sadece kısalık ve gelecekteki referans için, sayfadaki tüm kimlikler HER ZAMAN benzersiz olmalıdır

— Pogrindis

1

document.getElementById ('gadget_url'). değer = 'değeriniz';

— SMD
kaynak

0

Kamil Kiełczewski tarafından sağlanan çözüm aslında mükemmel çalışıyor. IMHO, document.getElementById'den çok daha okunabilir.

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

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

Snippet'i genişlet

— dsky
kaynak

-3

Deneyin

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>

Güncelleme

Neden bu kadar çok downovotes (ve yorum yok) bilmiyorum - ancak (gelecekteki okuyucular için) bu çözüm işe yaramaz sanmıyorum - OP soru sağlanan html ile çalışır ve bu KISA çalışma çözümü - deneyebilirsiniz kendiniz BURAYA

— Kamil Kiełczewski
kaynak