选择选项Javascript_Javascript_Jquery_Jquery Selectors

选择选项Javascript

javascript jquery

选择选项Javascript,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,我有一个关于语言学校网站的项目。它有很多经销商如果用户选择经销商，然后单击关于我们，我希望重定向到所选经销商的关于我们页面如何使用jQuery解决这个问题多谢各位 <div class="blueBox"> <h2 class="title">Dealers</h2> <span class="sortArea clearfix"> <a href="#" class="blueBt Bt">All

我有一个关于语言学校网站的项目。它有很多经销商

如果用户选择经销商，然后单击关于我们，我希望重定向到所选经销商的关于我们页面

如何使用jQuery解决这个问题

多谢各位

<div class="blueBox">
    <h2 class="title">Dealers</h2>
    <span class="sortArea clearfix">
        <a href="#" class="blueBt Bt">All Dealers</a>
        <!--scroll dropdown-->
        <form >
            <select id="e1">
                <option value="Education Center">Education Center</option>
                <option value="Yenimahalle">Yenimahalle</option>
                <option value="Demetevler">Demetevler</option>
            </select>
        </form>
        <!--scroll dropdown-->
    </span>
    <div class="detail clearfix">
        <h3 class="subTitle">Şube Seçiniz</h3>
        <ul class="detailLinks">
            <li><a class="one Bt" href="#">About US</a></li>
            <li><a class="two Bt" href="#">Pictures</a></li>
            <li><a class="three Bt" href="#">Personal</a></li>
            <li><a class="four Bt" href="#">Contact Us</a></li>
        </ul>
    </div>
</div>


经销商
教育中心
叶尼马哈尔
德梅泰夫莱尔
Şube Seçinizing

如果您有一个经销商选项列表，并且您希望点击关于我们的信息
转到右侧页面，检查此简单代码

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://pvp.comeze.com/cms/js/jquery.dotdotdot.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('select').on('change',function(){
        var links=$('#dealers option:selected').attr('value')
        if(links){
            $('#about').attr('href',links)
            }
        })
})
</script>

</head>
<body>
<select id="dealers">
    <option>select</option>
    <option value="about us1.html">dealer 1</option>
    <option value="about us2.html">dealer 2</option>
    <option value="about us3.html">dealer 3</option>
</select>
<a href="" id="about">about us</a>
</body>
</html>


$（文档）.ready（函数（）{
$（'select'）。在（'change'，function（）上{
var links=$（“#交易商选项：选定”）.attr（'value'）
如果（链接）{
$（'#about'）.attr（'href'，链接）
}
})
})
选择
经销商1
经销商2
经销商3

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://pvp.comeze.com/cms/js/jquery.dotdotdot.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('select').on('change',function(){
        var links=$('#dealers option:selected').attr('value')
        if(links){
            $('#about').attr('href',links)
            }
        })
})
</script>

</head>
<body>
<select id="dealers">
    <option>select</option>
    <option value="about us1.html">dealer 1</option>
    <option value="about us2.html">dealer 2</option>
    <option value="about us3.html">dealer 3</option>
</select>
<a href="" id="about">about us</a>
</body>
</html>