자바 스크립트 함수를 사용하여 입력 값 설정

현재 YUI 가젯을 사용하고 있습니다. 또한 divYUI가 나에게 가져 오는 출력을 확인하는 Javascript 함수가 있습니다 .

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수 ""있습니까?

시도 ... 유이

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

정상으로 Javascript

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

JQuery와 함께

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

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

다음은 MVC5에서 작동합니다.

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

유스 케이스에 따라 javascript ( element.value = x) 를 사용하든 jQuery 를 사용하든 차이가 있습니다.$(element).val(x);

jQuery x는 언제 undefined빈 문자열이 "undefined"되고 자바 스크립트 는 문자열이됩니다.

나는 YUI를 사용하지 않지만 다른 사람에게 도움이되는 경우-내 문제는 페이지에 ID가 중복되어 있다는 것입니다 (대화 상자 내부에서 작업 중이며 아래 페이지를 잊어 버렸습니다).

고유하도록 ID를 변경하면 Sangeet의 답변에 나열된 방법을 사용할 수있었습니다.

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

Kamil Kiełczewski 가 제공하는 솔루션 은 실제로 완벽하게 작동합니다. IMHO, document.getElementById보다 훨씬 읽기 쉽습니다.

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

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

시험

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 (그리고 코멘트가 없음)를 알지 못합니다-(이후 독자를 위해)이 솔루션이 작동하지 않는다고 생각하지 않습니다-OP 질문에 제공된 html과 함께 작동하며 이것이 가장 빠른 작업 솔루션입니다-시도해 볼 수 있습니다 혼자서 여기