दिलचस्प पोस्ट
अशक्त प्रकार: शून्य या शून्य में सी # के लिए चेक करने का सबसे अच्छा तरीका एंड्रॉइड में सभी कैमरा छवियों को सूचीबद्ध करें एक एसिंक वादा निष्पादक फ़ंक्शन के भीतर से त्रुटि नहीं डाल सकती JavaFX गुणों के साथ JavaBean रैपिंग सिम्फनी 2 में तालिका का उपसर्ग कैसे सेटअप करें एंड्रॉइड में एक HTTP पोस्ट कैसे करें? विशिष्ट पथ के लिए Intent.ACTION_PICK का उपयोग करना Git.exe कहां स्थित है? HEROKU – गिट को धक्का नहीं ले पा रहे हैंओकू मास्टर जावा कोड में प्रत्यय 'एफ' का क्या मतलब है? मुझे jquery मोबाइल में index.html को सारी स्क्रिप्ट क्यों डालनी है क्या एंड्रॉइड में एक टेक्स्टव्यू में खड़ी लिखना संभव है? ऑनलाइन कोड सजावटी और फ़ॉर्मेटर क्यों नहीं है एक XML-serializable शब्दकोश .net में है? एंड्रॉइड: संपत्ति निर्देशिका से एक्सएमएल फ़ाइल कैसे लोड करें?

चयन के जरिए ओपन यूआरएल यूआरएल – jQuery

कोई इवेंट संलग्न करने का सबसे अच्छा तरीका क्या होगा ताकि कोई विकल्प चुनकर एक यूआरएल बदल सके। एआरआरआर एआरआर स्टोर करें और इसे बदलने पर ले लो?

Solutions Collecting From Web of "चयन के जरिए ओपन यूआरएल यूआरएल – jQuery"

यह बहुत आसान है, चलो एक काम उदाहरण देखें:

<select id="dynamic_select"> <option value="" selected>Pick a Website</option> <option value="http://www.google.com">Google</option> <option value="http://www.youtube.com">YouTube</option> <option value="https://www.gurustop.net">GuruStop.NET</option> </select> <script> $(function(){ // bind change event to select $('#dynamic_select').on('change', function () { var url = $(this).val(); // get selected value if (url) { // require a URL window.location = url; // redirect } return false; }); }); </script> 
 $(function() { // bind change event to select $('#dynamic_select').on('change', function() { var url = $(this).val(); // get selected value if (url) { // require a URL window.location = url; // redirect } return false; }); }); 
 <select id="dynamic_select"> <option value="" selected>Pick a Website</option> <option value="http://www.google.com">Google</option> <option value="http://www.youtube.com">YouTube</option> <option value="https://www.gurustop.net">GuruStop.NET</option> </select> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" ></script> 

मुझे लगता है कि यह सबसे आसान तरीका है:

 <select onchange="if (this.value) window.location.href=this.value"> <option value="">Pick one:</option> <option value="/foo">Foo</option> <option value="/bar">Bar</option> </select> 

आप एक ड्रॉप डाउन मेनू से रीडायरेक्ट करने के लिए jQuery का उपयोग करके इस सरल कोड स्निपेट का उपयोग कर सकते हैं।

 <select id="dynamic-select"> <option value="" selected>Pick a Website</option> <option value="http://www.google.com/">Google</option> <option value="http://www.youtube.com/">YouTube</option> <option value="http://www.stackoverflow.com/">Stack Overflow</option> </select> <script> $('#dynamic-select').bind('change', function () { // bind change event to select var url = $(this).val(); // get selected value if (url != '') { // require a URL window.location = url; // redirect } return false; }); </script> 

क्षमा करें, लेकिन यहां बहुत अधिक कोडिंग हो रहा है …

मैं आप के लिए सबसे आसान एक दे दूँगा। मैंने इसे 2005 में वापस आविष्कार किया था, हालांकि जावास्क्रिप्ट स्रोत अब कहता है कि यह उनका कर्मचारी था जो इसके साथ आया था – एक साल बाद भी!

वैसे भी, यहां यह कोई जावास्क्रिप्ट नहीं है !!!

 <!-- Paste this code into the BODY section of your HTML document --> <select size="1" name="jumpit" onchange="document.location.href=this.value"> <option selected value="">Make a Selection</option> <option value="http://www.javascriptsource.com/">The JavaScript Source</option> <option value="http://www.javascript.com">JavaScript.com</option> <option value="http://www.webdeveloper.com/forum/forumdisplay.php?f=3">JavaScript Forums</option> <option value="http://www.scriptsearch.com/">Script Search</option> <option value="http://www.webreference.com/programming/javascript/diaries/">The JavaScript Diaries</option> </select> 

बस आप जिस URL को पसंद करते हैं, या किसी रिश्तेदार यूआरएल (सर्वर पर पन्नों के स्थान पर) टाइप करें, यह हमेशा काम करेगा

जेएस फ्रेड उदाहरण

 $('#userNav').change(function() { window.location = $(':selected',this).attr('href') }); <select id="userNav"> <option></option> <option href="http://google.com">Goolge</option> <option href="http://duckduckgo.com">Go Go duck</option> </select> 

यह एक विकल्प में चयनित href के लिए काम करता है

दूसरा रास्ता:

  <script type="text/javascript"> function change_url(val) { window.location=val; } </script> <select style="width:130px;" onchange="change_url(this.value);"> <option value="http://www.url1.com">Option 1</option> <option value="http://www.url2.com">Option 2</option> </select> 

यहाँ है कि मैं इसे कैसे करूँ

 <select id="urlSelect" onchange="window.location = jQuery('#urlSelect option:selected').val();"> <option value="http://www.yadayadayada.com">Great Site</option> <option value="http://www.stackoverflow.com">Better Site</option> </select> 
 <select name="xx" class="xxx" onchange="_name(this.options[this.selectedIndex].value,this.options[this.selectedIndex].getAttribute('rel'))"> <option value="x" rel="xy">aa</option> <option value="xxx" rel="xyy">bb</option> </select> //for javascript function _name(value,rel) { alert(value+"-"+rel); } 

यदि आप यूआरएल को विकल्प के मान पर रखना नहीं चाहते हैं, तो मैं आपको उदाहरण देता हूं:

 <select class="abc"> <option value="0" href="hello">Hell</option> <option value="1" href="dello">Dell</option> <option value="2" href="cello">Cell</option> </select> $("select").bind('change',function(){ alert($(':selected',this).attr('href')); }) 

इस कोड को काम करने का प्रयास करें

 <script> $(function() { $("#submit").hide(); $("#page-changer select").change(function() { window.location = $("#page-changer select option:selected").val(); }) }); </script> <?php if (isset($_POST['nav'])) { header("Location: $_POST[nav]"); } ?> <form id="page-changer" action="" method="post"> <select name="nav"> <option value="">Go to page...</option> <option value="http://css-tricks.com/">CSS-Tricks</option> <option value="http://digwp.com/">Digging Into WordPress</option> <option value="http://quotesondesign.com/">Quotes on Design</option> </select> <input type="submit" value="Go" id="submit" /> </form> 
 **redirect on change option with jquery** <select id="selectnav1" class="selectnav"> <option value="#">Menu </option> <option value=" https://www.google.com"> Google </option> <option value="http://stackoverflow.com/"> stackoverflow </option> </select> <script type="text/javascript"> $(function () { $('#selectnav1').change( function() { location.href = $(this).val(); }); }); </script> 

इस कोड की कोशिश करो फ़ायरफ़ॉक्स, क्रोम, आईई

 <select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);"> <option value="" selected>---Select---</option> <option value="https://www.google.com">Google</option> <option value="https://www.google.com">Google</option> <option value="https://www.google.com">Google</option> <option value="https://www.google.com">Google</option>