दिलचस्प पोस्ट
पीएसटी / सीईएसटी / यूटीसी / आदि के समय क्षेत्र के साथ दिनांक समय पार्स करें पंक्तियों को एक डेटाटबल से दूसरी डेटाटैबल में कॉपी करें? वेबव्यू के साथ कस्टम फ़ॉन्ट का उपयोग कैसे करें स्थानीय रूप से घोषित चर का निरीक्षण नहीं किया जा सकता आईओएस 6 में एटोरोटेशन के लिए एप्लिकेशन को पूरी तरह से सही तरीके से कैसे काम करना है? इकाई ऑब्जेक्ट को आईईएन्टीटी चेंज ट्रैकर के कई उदाहरणों से संदर्भित नहीं किया जा सकता। जबकि संस्थागत ढांचे 4.1 में इकाई को संबंधित वस्तुओं को जोड़ते समय दो भौगोलिक बिंदुओं के बीच दूरी प्राप्त करें HTML5 का उपयोग करके कस्टम डेटा विशेषताओं पर jQuery चयनकर्ता क्या मैं किसी अन्य ब्राउज़र विंडो में जावास्क्रिप्ट चर पारित कर सकता हूं? विशिष्ट पथ (फ़ोल्डर) पर ट्रिगर मेडीस्कैनर, कैसे करें? कैसे पृष्ठ लोड के बाद jQuery के माध्यम से गतिशील रूप से एक <स्क्रिप्ट> टैग डालें? एक कॉल करना चाहिए। बंद करें () HttpServletResponse.getOutputStream () /। GetWriter () पर? "#include" को एक सी फ़ाइल में एक पाठ फ़ाइल में चार के रूप में स्ट्रिंग तुलना में उच्चारण किए गए अक्षरों को अनदेखा कर रहा है रीडायरेक्ट किए गए पृष्ठ में चेहरे का संदेश कैसे दिखाना

डिफ़ॉल्ट के लिए चयन मान रीसेट करें

मेरे पास चयन बॉक्स है

<select id="my_select"> <option value="a">a</option> <option value="b" selected="selected">b</option> <option value="c">c</option> </select> <div id="reset"> reset </div> 

मैंने भी रीसेट बटन दिया है, यहां डिफ़ॉल्ट (चयनित) मान "बी" है, मान लीजिए कि मैं "c" का चयन करता हूं और मुझे डिफॉल्ट को बॉक्स मान को फिर से रीसेट करने की आवश्यकता होती है, इसे कैसे करें jquery का उपयोग करना है?

 $("#reset").on("click", function () { // What do here? }); 

jsfiddle: http://jsfiddle.net/T8sCf/1/

वेब के समाधान से एकत्रित समाधान "डिफ़ॉल्ट के लिए चयन मान रीसेट करें"

आप defaultSelected का उपयोग कर सकते हैं एक विकल्प तत्व की defaultSelected संपत्ति :

इसमें selected HTML विशेषता का प्रारंभिक मान शामिल है, यह इंगित करता है कि विकल्प डिफ़ॉल्ट रूप से चयनित है या नहीं।

इसलिए, पहले से ही डोम इंटरफ़ेस पहले ही ट्रैक रखता है कि कौन सा विकल्प चुना गया था।

 $("#reset").on("click", function () { $('#my_select option').prop('selected', function() { return this.defaultSelected; }); }); 

डेमो

यह बहु-चयन तत्वों के लिए भी काम करेगा।

यदि आप सभी विकल्पों पर पुनरावृत्त नहीं करना चाहते हैं, लेकिन मूल रूप से चयनित एक के बाद "ब्रेक", तो आप इसके बजाय .each उपयोग कर सकते हैं:

 $('#my_select option').each(function () { if (this.defaultSelected) { this.selected = true; return false; } }); 

JQuery के बिना:

 var options = document.querySelectorAll('#my_select option'); for (var i = 0, l = options.length; i < l; i++) { options[i].selected = options[i].defaultSelected; } 
 $("#reset").on("click", function () { $("#my_select").val('b');//Setting the value as 'b' }); 
 $('#my_select').get(0).selectedIndex = 1; 

लेकिन, मेरी राय में, बेहतर तरीका HTML का उपयोग कर रहा है ( <input type="reset" /> ):

 <form> <select id="my_select"> <option value="a">a</option> <option value="b" selected="selected">b</option> <option value="c">c</option> </select> <input type="reset" value="reset" /> </form> 
  • JsFiddle डेमो की जाँच करें

क्यों नहीं एक सरल जावास्क्रिप्ट समारोह का उपयोग करें और यह onclick घटना पर कॉल?

 function reset(){ document.getElementById("my_select").selectedIndex = 1; //1 = option 2 } 

आप select तत्व के data विशेषता का उपयोग कर सकते हैं

 <select id="my_select" data-default-value="b"> <option value="a">a</option> <option value="b" selected="selected">b</option> <option value="c">c</option> </select> 

आपका जावास्क्रिप्ट,

 $("#reset").on("click", function () { $("#my_select").val($("#my_select").data("default-value")); }); 

http://jsfiddle.net/T8sCf/10/

अद्यतन करें


यदि आप डिफ़ॉल्ट चयन नहीं जानते हैं और यदि आप html अपडेट नहीं कर सकते, तो डोमेन तैयार करने के लिए निम्नलिखित कोड जोड़ें,

 $("#my_select").data("default-value",$("#my_select").val()); 

http://jsfiddle.net/T8sCf/24/

 $("#reset").on("click", function () { $('#my_select').prop('selectedIndex',0); }); 

चयन करने के लिए एक data-default विशेषता जोड़ने के लिए एक अच्छा साफ रास्ता है

 <select id="my_select" data-default="b"> ... </select> 

एक तो कोड वास्तव में सरल है:

 $("#reset").on("click", function () { var $select = $('#my_select'); $select.val($select.data('default')); }); 

लाइव उदाहरण: http://jsfiddle.net/T8sCf/7/

पिछले मान को कैप्चर करने के लिए select के फोकस ईवेंट पर ईवेंट हैंडलर को बाँधें। फिर रीसेट के क्लिक होने पर पिछले मान को select के मान को सेट select

 var previousValue = ""; $("#my_select").on("focus",function(){ previousValue = $(this).val(); }); $("#reset").on("click", function () { $("#my_select").val(previousValue); }); 

कार्यशील उदाहरण: http://jsfiddle.net/T8sCf/17/

आप ऐसा कर सकते हैं:

 var preval = $('#my_select').val(); // get the def value $("#reset").on("click", function () { $('#my_select option[value*="' + preval + '"]').prop('selected', true); }); 

इस बेला चेकआउट

एक var लेते हैं जो डिफ़ॉल्ट रूप से लोड किए गए मान को बदलने की घटना से पहले रखता है, तब वरीयता मूल्य के साथ विकल्प चयनकर्ता के साथ विकल्प प्राप्त होता है जिसमें var मान चयनित होता है।

यह कोड आपकी सहायता करेगा

 <html> <head> <script type="text/JavaScript" src="jquery-2.0.2.min.js"></script> <script type="text/JavaScript"> $(function(){ var defaultValue = $("#my_select").val(); $("#reset").click(function () { $("#my_select").val(defaultValue); }); }); </script> </head> <body> <select id="my_select"> <option value="a">a</option> <option value="b" selected="selected">b</option> <option value="c">c</option> </select> <div id="reset"> <input type="button" value="reset"/> </div> </body> 

यदि वसंत रूपों का उपयोग करना है, तो आपको चयनित विकल्पों को अपने विकल्प लेबल में रीसेट करने की आवश्यकता हो सकती है। आप अपना फ़ॉर्म सेट कर सकते हैं: रिक्त स्ट्रिंग के लिए आईडी मान का चयन करें आपके चयन को लेबल के रूप में रीसेट करता है।

 <form:select path="myBeanAttribute" id="my_select"> <form:option value="" label="--Select One--"/> <form:options items="${mySelectionValueList}"/> </form:select> $("#reset").on("click", function () { $("#my_select").val(""); }); 

मामले में जहां एक रीसेट बटन है अन्यथा

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

उन लोगों के लिए जो बूटस्ट्रैप-चयन के साथ काम कर रहे हैं, आप इसका उपयोग करना चाह सकते हैं:

 $('#mySelect').selectpicker('render'); 

एक आसान तरीका है कि रन है

  var myselect = $("select.SimpleAddAClass"); myselect[0].selectedIndex = 0; myselect.selectmenu("refresh"); 

Jquery के साथ:

 $("#reset").on("click", function() { $('#my_select').val($('#my_select').find('option[selected="selected"]').val()); } 

आप एकाधिक SELECTS के मानों को भी रीसेट कर सकते हैं और फिर सबमिट बटन को ट्रिगर कर सकते हैं।

कृपया इसे कार्रवाई में देखें:

लाइव उदाहरण:

 $(function(){ $("#filter").click(function(){ //alert('clicked!'); $('#name').prop('selectedIndex',0); $('#name2').prop('selectedIndex',0); $('#submitBtn').click(); }); }); 

यह मेरे लिए काम करता है:

 $("#reset").on("click", function () { $("#my_select option[selected]").prop('selected', true); } 

आप डिफ़ॉल्ट विकल्प के लिए खोजते हैं जिसमें चयन विशेषता है और आप उस विकल्प में चयन को बदलते हैं।

सभी चयन फ़ील्ड को डिफ़ॉल्ट विकल्प पर रीसेट करें, जहां चयनित विशेषता को परिभाषित किया गया है।

 $("#reset").on("click", function () { // Reset all selections fields to default option. $('select').each( function() { $(this).val( $(this).find("option[selected]").val() ); }); }); 

मैं दुर्भाग्य से अन्य जवाबों की तरह इसे सुलझाने की कोशिश कर रहा था, मुझे ऐसा करने का एक सही तरीका नहीं मिला, एक बार जब मैंने कोशिश की तो मैंने नीचे लिखा था:

 $('#<%=ddID.ClientID %>').get(0).selectedIndex = 0; 

यह कोड मेरे लिए काम करता है, मुझे आशा है कि आप लोगों के लिए उपयोगी होंगे

सादर।

शमूएल अलवाराडो

मेरे पास चयन बॉक्स है

 <select id="my_select"> <option value="a">a</option> <option value="b" selected="selected">b</option> <option value="c">c</option> </select> <div id="reset"> reset </div> 

मैंने भी रीसेट बटन दिया है, यहां डिफ़ॉल्ट (चयनित) मान "बी" है, मान लीजिए कि मैं "c" का चयन करता हूं और मुझे बॉक्स बॉक्स को डिफॉल्ट के रूप में रीसेट करने की आवश्यकता होती है, इसे कैसे मैं Angular2 का उपयोग कर सकता हूं?