select标签内加入a标签

预期效果；下拉列表中不同选项进入不同页面或对后台发起不同请求，网上搜了好多但效果都不尽人意，先用笨办法实现吧

缺点：对动态生成的option不适用

<div>
		<select id="se">
			<option >1</option>
			<option >2</option>
			<option >3</option>
		</select>
		<a id="1" href="https://www.baidu.com" hidden="hidden">1</a>
		<a id="2" href="https://www.aaa.com" hidden="hidden">2</a>
		<a id="3" href="https://www.bbb.com" hidden="hidden">3</a>
	</div>


$("#se").on('change', function() {
				var va=$("#se").val();
				if(va=='1'){
				$("#1")[0].click();
				};
				if(va=='2'){
				$("#2")[0].click();
				};
				if(va=='3'){
				$("#3")[0].click();
				}				
			});