2017-02-22 84 views
-2

我想添加3个不同的超链接到选定的选项,提交按钮应从选定的选项中取值并只重定向到该选项。下面是一个HTML选择代码 -如何将外部链接值添加到HTML中的选定选项

<div> 

1电子邮件帐户<option>5 Email Accounts</option><option>10 Email Accounts</option> 15电子邮件帐户<a href="#" class="read">sign up<i class="fa fa-angle-right"></i></a></div>

+0

请不要添加无关的语言标签。 – ajb

+0

确定,伙计plz帮助我解决这个问题 – Grapy

+0

Jsfiddle - [link](https://jsfiddle.net/uew54xag/2/) – Grapy

回答

0

这个工作代码尝试。

$(function(){ 
 
\t $('button').click(function(){ 
 
\t \t if($('#dynamic_select').val()== '5EmailAccounts') { 
 
\t \t \t alert('5EmailAccounts'); 
 
\t \t \t window.location = 'http://www.google.com'; 
 
\t \t } 
 
\t \t if($('#dynamic_select').val()== '10EmailAccounts') { 
 
\t \t \t alert('10EmailAccounts'); 
 
\t \t \t window.location = 'http://www.youtube.com'; 
 
\t \t } 
 
\t \t if($('#dynamic_select').val()== '15EmailAccounts') { 
 
\t \t \t alert('15EmailAccounts'); 
 
\t \t \t window.location = 'https://in.yahoo.com/'; 
 
\t \t } 
 
\t }); 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 

 
<select id="dynamic_select"> 
 
    <option value="5EmailAccounts">5 Email Accounts</option> 
 
    <option value="10EmailAccounts">10 Email Accounts</option> 
 
    <option value="15EmailAccounts">15 Email Accounts</option> 
 
</select> 
 

 
<button>Submit</button>

+0

对不起,没有运气,它不工作 – Grapy

相关问题