blocks|key|768799|text|我是这样做的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|768800|<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>|code-block|syntax|javascript|768801|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Here's how i'd do it</p>

<pre><code>&lt;select id="urlSelect" onchange="window.location = jQuery('#urlSelect option:selected').val();"&gt;
 &lt;option value="http://www.yadayadayada.com"&gt;Great Site&lt;/option&gt;
 &lt;option value="http://www.stackoverflow.com"&gt;Better Site&lt;/option&gt;
&lt;/select&gt;
</code></pre>


blocks|key|983892|text|您可以使用这个简单的代码片段，使用jQuery从下拉菜单进行重定向。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|983893|<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>|code-block|syntax|javascript|983894|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can use this simple code snippet using jQuery to redirect from a drop down menu.</p>

<pre><code>&lt;select id="dynamic-select"&gt;
    &lt;option value="" selected&gt;Pick a Website&lt;/option&gt;
    &lt;option value="http://www.google.com/"&gt;Google&lt;/option&gt;
    &lt;option value="http://www.youtube.com/"&gt;YouTube&lt;/option&gt;
    &lt;option value="http://www.stackoverflow.com/"&gt;Stack Overflow&lt;/option&gt;
&lt;/select&gt;

&lt;script&gt;
    $('#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;
    });
&lt;/script&gt;
</code></pre>


blocks|key|983903|text|我认为这是最简单的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|983904|<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>|code-block|syntax|javascript|983905|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I think this is the simplest way:</p>

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


blocks|key|983947|text|如果你不想让url把它放在选项的值上，我给你举个例子：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|983948|<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'));
++++})|code-block|syntax|javascript|983949|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If you don't want the url to put it on option's value, i'll give u example :</p>

<pre><code>&lt;select class="abc"&gt;
    &lt;option value="0" href="hello"&gt;Hell&lt;/option&gt;
    &lt;option value="1" href="dello"&gt;Dell&lt;/option&gt;
    &lt;option value="2" href="cello"&gt;Cell&lt;/option&gt;
&lt;/select&gt;

    $("select").bind('change',function(){
        alert($(':selected',this).attr('href'));
    })
</code></pre>


blocks|key|768916|text|JS+Fiddle+Example|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|768917|$('#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>|code-block|syntax|javascript|768918|这适用于所选选项中的href|768919|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/RX8BC/7/^0|0|H|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p><a href="http://jsfiddle.net/RX8BC/7/" rel="noreferrer">JS Fiddle Example</a></p>

<pre><code>$('#userNav').change(function() {
window.location = $(':selected',this).attr('href')
});




&lt;select id="userNav"&gt;
&lt;option&gt;&lt;/option&gt;
&lt;option href="http://google.com"&gt;Goolge&lt;/option&gt;
&lt;option href="http://duckduckgo.com"&gt;Go Go duck&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>This works for the href in an option that is selected</p>


blocks|key|984005|text|抱歉，这里有太多的代码...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984006|我会免费给你最简单的一个。我在2005年发明了它，尽管javascript源代码现在说是他们的员工提出的--一年多以后！|984007|不管怎么说，这里没有javascript！|984008|
<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>+|code-block|syntax|javascript|984009|只需输入您喜欢的任何URL，或一个相对URL+(到服务器上的页面位置)，它总是可以工作的。|984010|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|R|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Sorry, but there's to much coding going on here ...</p>

<p>I'll give the simplest one to you for free. I invented it back in 2005, although the javascript source now says it was their staff who came up with it - more than a year later!</p>

<p>Anyway, here it is, no javascript !!!</p>

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

<p>Just type in any URL you like, or a relative URL (to the pages location on server), it will always work.</p>


blocks|key|984019|text|<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%2B"-"%2Brel);
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|984020|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;select name="xx" class="xxx" onchange="_name(this.options[this.selectedIndex].value,this.options[this.selectedIndex].getAttribute('rel'))"&gt;
  &lt;option value="x" rel="xy"&gt;aa&lt;/option&gt;
  &lt;option value="xxx" rel="xyy"&gt;bb&lt;/option&gt;
&lt;/select&gt;


//for javascript
function _name(value,rel) {
alert(value+"-"+rel);
}
</code></pre>


blocks|key|984027|text|另一种方式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984028|++++<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>|code-block|syntax|javascript|984029|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Another way:</p>

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


blocks|key|768993|text|**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>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|768994|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>**redirect on change option with jquery** 

 &lt;select id="selectnav1" class="selectnav"&gt;
            &lt;option value="#"&gt;Menu &lt;/option&gt;
            &lt;option value="   https://www.google.com"&gt;
            Google
            &lt;/option&gt;
            &lt;option value="http://stackoverflow.com/"&gt;
              stackoverflow
            &lt;/option&gt;

         &lt;/select&gt;

&lt;script type="text/javascript"&gt;
   $(function () {

        $('#selectnav1').change( function() {
      location.href = $(this).val();
   });
   });
&lt;/script&gt;
</code></pre>


blocks|key|984053|text|试试这段代码:+Firefox，Chrome，IE|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984054|<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>|code-block|syntax|javascript|984055|​|984056|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Try this code its working Firefox, Chrome, IE</p>

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

<p></p>


blocks|key|984090|text|我认为在select选项卡中重新定义位置的最简单方法如下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|984091|<select+onchange="location+=+this.value;">
+++++<option+value="https://www.google.com/">Home</option>
+++++<option+value="https://www.bing.com">Contact</option>
+++++<option+value="mypets.php">Sitemap</option>
</select>|code-block|syntax|javascript|984092|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I believe the simplest way to redefine a location inside select tab is as follows:</p>

<pre><code>&lt;select onchange="location = this.value;"&gt;
     &lt;option value="https://www.google.com/"&gt;Home&lt;/option&gt;
     &lt;option value="https://www.bing.com"&gt;Contact&lt;/option&gt;
     &lt;option value="mypets.php"&gt;Sitemap&lt;/option&gt;
&lt;/select&gt;
</code></pre>


blocks|key|769052|text|最简单的方法如下所示。不需要创建函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|769053|<select+onchange="window.location+=+this.options[this.selectedIndex].value">
++++<option+value="">Switch+Language</option>
++++<option+value="{{+url('/en')+}}">English</option>
++++<option+value="{{+url('/ps')+}}">پښتو</option>
++++<option+value="{{+url('/fa')+}}">دری</option>
</select>|code-block|syntax|javascript|769054|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Super easy way is as following. No need to create a function. </p>

<pre><code>&lt;select onchange="window.location = this.options[this.selectedIndex].value"&gt;
    &lt;option value=""&gt;Switch Language&lt;/option&gt;
    &lt;option value="{{ url('/en') }}"&gt;English&lt;/option&gt;
    &lt;option value="{{ url('/ps') }}"&gt;پښتو&lt;/option&gt;
    &lt;option value="{{ url('/fa') }}"&gt;دری&lt;/option&gt;
&lt;/select&gt;
</code></pre>


<p>What would be the best way to attach an event so on change of a select option a URL. Store the href in an attr and grab it on change?</p>


Onchange open URL via select - jQuery

服务器

jQuery

什么是最好的方式来附加一个事件，所以在一个选择选项的更改一个URL。将href存储在attr中并在更改时获取它？

问通过select - jQuery更改打开的URL
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过select - jQuery更改打开的URLEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过select - jQuery更改打开的URL
EN