जावास्क्रिप्ट फ़ंक्शन का उपयोग करके इनपुट का मान सेट करें

Question

मैं वर्तमान में एक YUI गैजेट का उपयोग कर रहा हूं। मेरे पास 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होने के लिए ""?

Comments

कोशिश करो ... Dom.get("gadget_url").set("value","");... मैं हालांकि यकीन नहीं कर रहा हूँ

— संगीत मेनन

Answer 1

कोशिश करें ... YUI के लिए

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

सामान्य के साथ Javascript

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

JQuery के साथ

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

Answer 2

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

Comments

@Alastair मैं पुष्टि करता हूं - जो यूयूआई का उपयोग नहीं कर रहा है। हालांकि ओपी शीर्षक में "जावास्क्रिप्ट का उपयोग करते हुए इनपुट का सेट मूल्य" लिखें (YUI फ़ंक्शन नहीं) इसलिए उत्तर प्रश्न आवश्यकताओं को पूरा करते हैं

— कामिल कीवल्स्कीस्की

Answer 3

MVC5 में निम्नलिखित काम करता है:

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

Comments

जावास्क्रिप्ट! = MVC5

— qbantek

और फिर भी उन्होंने सही जवाब दिया। ऐसे नए-नए उदाहरण हैं जो इस प्रश्न को इस उत्तर पर आधारित पाएंगे।

— मैथ्यू निकोल्स

Answer 4

Usecase के आधार पर यह एक फर्क पड़ता है कि क्या आप जावास्क्रिप्ट ( element.value = x) या jQuery का उपयोग करते हैं$(element).val(x);

जब xहै undefinedमें जावास्क्रिप्ट परिणाम जबकि एक खाली स्ट्रिंग में jQuery परिणाम "undefined"एक स्ट्रिंग के रूप में।

Answer 5

मैं यूयूआई का उपयोग नहीं कर रहा हूं, लेकिन अगर यह किसी और की मदद करता है - तो मेरा मुद्दा यह था कि मेरे पास पृष्ठ पर डुप्लिकेट आईडी है (जो एक संवाद के अंदर काम कर रहा था और नीचे दिए गए पृष्ठ के बारे में भूल गया था)।

आईडी बदलना इसलिए अद्वितीय था, जिसने मुझे संगीत के उत्तर में सूचीबद्ध तरीकों का उपयोग करने की अनुमति दी।

Comments

बस संक्षिप्तता और भविष्य में संदर्भ के लिए, पृष्ठ पर सभी आईडी के चाहिए हमेशा अद्वितीय होना

— Pogrindis

Answer 6

document.getElementById ('गैजेट_अर्ल')। मूल्य = 'अपना मूल्य';

Answer 7

कामिल 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>

Answer 8

प्रयत्न

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>

अपडेट करें

मैं नहीं जानता कि इतने सारे डाउनवोट्स (और कोई टिप्पणी क्यों नहीं) - हालांकि (भविष्य के पाठकों के लिए) यह नहीं सोचते कि यह समाधान काम नहीं करता है - यह ओपी प्रश्न में html के साथ काम करता है और यह सबसे कम काम करने वाला समाधान है - आप इसे आज़मा सकते हैं यहाँ अपने आप से