使用< option>内的href链接标记以链接到URL

问题描述

我刚刚下载了该主题的源代码

i just downloaded the source code from this topic

http://tympanus.net/codrops/2012/11/29/simple-effects-for-drop-down-lists/

演示 http://tympanus.net/Development/SimpleDropDownEffects/index6.html

并将其添加到我的项目之一中，并且工作正常，但我想添加链接作为值以链接到作为ahref的任何网站我在其他主题中发现了一些东西，但是却无法与我合作，而且它的写作时间很长，所以我添加了这个主题

and added it to one of my project and works fine but i want to add links as values to link to any website as ahrefi found some things to another topics but didn't work with me and it was written from long time so that i added this topic

<select id="cd-dropdown" name="cd-dropdown" class="cd-select">
   <option value="-1" selected>choose an option to test</option>
   <option value="1" class="icon-monkey">Students</option>
   <option value="2" class="icon-bear">Courses</option>
   <option value="3" class="icon-squirrel">Instructors</option>
   <option value="4" class="icon-elephant">Departments</option>

推荐答案

尝试一下

 <select id="cd-dropdown" name="cd-dropdown" class="cd-select">
   <option value="-1" selected>choose an option to test</option>
   <option value="1" class="icon-monkey">Students</option>
   <option value="2" class="icon-bear">Courses</option>
   <option value="3" class="icon-squirrel">Instructors</option>
   <option value="4" class="icon-elephant">Departments</option>
</select>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">

    jQuery('#cd-dropdown').on('change', function(){
        if(jQuery(this).val() == 1){
        window.location.href = 'http://google.com'
        }
        // and so on
        })
</script>

您必须为所有选项jQuery代码提供目标URL.

You have to give the destination URL for all options jQuery code.

这篇关于使用< option>内的href链接标记以链接到URL的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！