如何在html中为所选选项添加外部链接值

Question

我想为所选选项添加3个不同的超链接，提交按钮应该从所选选项中取值，并且只重定向到该选项。这是一个html选择代码 -

help

1个电子邮件帐户<div> 15个电子邮件帐户<option>5 Email Accounts</option><option>10 Email Accounts</option>

Answer 1

尝试使用此工作代码。

    $(function(){
	  $('button').click( function(){
		if($('#dynamic_select').val()== '5EmailAccounts') {
			alert('5EmailAccounts');
			window.location = 'http://www.google.com';
		}
		if($('#dynamic_select').val()== '10EmailAccounts') {
			alert('10EmailAccounts');
			window.location = 'http://www.youtube.com';
		}
		if($('#dynamic_select').val()== '15EmailAccounts') {
			alert('15EmailAccounts');
			window.location = 'https://in.yahoo.com/';
		}
	  });
    });

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