선택 옵션 자바 스크립트

-2

랭귀지 스쿨 웹 사이트에 대한 프로젝트가 있습니다. 그것은 많은 상인이 있습니다.선택 옵션 자바 스크립트

사용자가 딜러를 선택한 다음 우리를 클릭하면 SELECTED 딜러의 약 페이지로 리디렉션하고 싶습니다.

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>

출처

2014-04-29 Gökhan Geyik

$("#aboutUsLink").click(function(){ 
    selected = $("option:selected","#e1").attr("value"); 
    window.location.href = aboutPage(selected); 
})

http://api.jquery.com/selected-selector/

출처

2014-04-29 14:34:42 jspurim

주셔서 감사합니다 그리고 당신은 우리에 대해 클릭하면
이 간단한 코드

에게 오른쪽 페이지 체크로 이동 것을 원하는

<!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>

출처

2014-04-29 14:38:39 Devima

선택 옵션 자바 스크립트

답변

관련 문제