জাভাস্ক্রিপ্ট ফাংশন ব্যবহার করে ইনপুটটির মান সেট করুন


208

আমি বর্তমানে একটি YUI গ্যাজেট ব্যবহার করছি। আমার কাছে divওয়াইইউআই যে আঁকায় আসে তা থেকে আউটপুট যাচাই করার জন্য আমার একটি জাভাস্ক্রিপ্ট ফাংশন রয়েছে :

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","");... যদিও আমি নিশ্চিত নই
সংগীত মেনন

উত্তর:


470

YUI এর জন্য ... চেষ্টা করুন

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

স্বাভাবিক সহ Javascript

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

JQuery সহ

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

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

@ অ্যালাস্টার আমি নিশ্চিত করে নিই - এটি YUI ব্যবহার করছে না। তবে শিরোনামে ওপি লিখুন "জাভাস্ক্রিপ্ট ফাংশন ব্যবহার করে
ইনপুটটির

6

এমভিসি 5 এ নিম্নলিখিত কাজ করে:

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

11
জাভাস্ক্রিপ্ট! = এমভিসি 5
কিবানটেক

6
এবং তবুও তিনি সঠিক উত্তর দিয়েছেন। এমন নবাবি রয়েছে যা এই উত্তরটির ভিত্তিতে এই প্রশ্নটি খুঁজে পাবে।
ম্যাথু নিকোলস

4

ব্যবহারের উপর নির্ভর করে আপনি জাভাস্ক্রিপ্ট ( element.value = x) বা jQuery ব্যবহার করেন না কেন তা একটি পার্থক্য করে$(element).val(x);

যখন xহয় undefinedজাভাস্ক্রিপ্ট ফলাফল যেহেতু একটি খালি স্ট্রিং jQuery এর ফলাফল "undefined"একটি স্ট্রিং হিসাবে।


1

আমি ওয়াইইউআই ব্যবহার করছি না, তবে এটি অন্য কাউকে সহায়তা করে - আমার সমস্যাটি হ'ল পৃষ্ঠায় আমার নকল আইডি ছিল (একটি কথোপকথনের অভ্যন্তরে কাজ করছিলাম এবং নীচের পৃষ্ঠাটি ভুলে যাচ্ছিলেন)।

আইডি পরিবর্তন করা যাতে এটি অনন্য ছিল তাই আমাকে সংগীতের উত্তরে তালিকাভুক্ত পদ্ধতিগুলি ব্যবহার করতে দেওয়া হয়েছিল।


কেবলমাত্র ব্রিভিটি এবং ভবিষ্যতের রেফারেন্সের জন্য, পৃষ্ঠায় থাকা সমস্ত আইডি সর্বদা অনন্য হওয়া উচিত
পোগ্রিন্ডিস


0

সমাধান দ্বারা উপলব্ধ কামিল Kiełczewski পুরোপুরি আসলে কাজ করে। আইএমএইচও, তারপরে অনেক বেশি পাঠযোগ্য document

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>

হালনাগাদ

আমি জানি না কেন এতগুলি ডাউনোভোটস (এবং কোনও মন্তব্য নেই) - তবে (ভবিষ্যতের পাঠকদের জন্য) মনে হয় না যে এই সমাধানটি কাজ করে না - এটি ওপি প্রশ্নের প্রদত্ত এইচটিএমএল নিয়ে কাজ করে এবং এটি সংক্ষিপ্ত কার্যক্ষম সমাধান - আপনি এটি চেষ্টা করতে পারেন নিজের দ্বারা এখানে

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.