Question

我在将此跳转链接插入此选项值时遇到问题：

<select name="countries" id="countries" style="width:300px;">
  <option value='ad' data-image="images/msdropdown/icons/blank.gif" data-imagecss="flag ad" data-title="Andorra">Andorra</option>

Answer 1

点击选项时是否要打开链接？然后这应该做的工作：

<html>
<body>
<select name="countries" id="countries" style="width:300px;">
  <option value='ad' data-image="images/msdropdown/icons/blank.gif" onclick="location='http://www.example.com';" data-imagecss="flag ad" data-title="Andorra">Andorra</option>
</select>
</body>
</html>

Answer 2

以下是单击选项时打开链接的另一种解决方案：

我将下拉栏放在表单标签内。 JSFiddle：http://jsfiddle.net/cgmef9y4/

代码：

<form>
<select name="URL" id="countries" style="width:300px;" onchange="window.location.href=this.form.URL.options[this.form.URL.selectedIndex].value">
    <option value="#">Choose your country</option>
    <option value="andorra.html">Andorra</option>
</select>
</form>

当您点击下拉列表并选择＆＃34; Andorra＆＃34;时，该页面将打开链接andorra.html（显然会导致404 - 因为jsfiddle.net上没有andorra.html页面）

关于期权价值的链接

2 个答案: