Question

我正在尝试从图像映射中获取链接以更改列表框中的所选项目

以便图像映射中的每个链接更改列表框中的选定项目

<form id="form1" name="form1" method="post" action="">
  <select name="select" id="select">
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </select>
</form>

我怎么能在jquery中做到这一点？

提前感谢;）

Answer 1

这是如何根据图像映射链接触发列表框选择：

<img src="http://www.w3schools.com/tags/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap" id="planetmap">
    <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" id="sun" />
    <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" id="mercury" />
    <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" id="venus" />
</map>

<select id="listbox">
    <option value="sun">Sun</option>
    <option value="mercury">Mercury</option>
    <option value="venus">Venus</option>
</select>

<script type="text/javascript">
    $('#planetmap area').click(function(e) {
        alert('Selecting the ' + this.alt + '\n URL: ' + this.href);
        $('#listbox option[value="' + this.id + '"]').attr('selected', 'selected');
        return false;
    });
</script>

Jquery触发列表框从图像映射中选择的项目

1 个答案: