将click()分配给jquery中的子控件

本文介绍了将click()分配给jquery中的子控件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我有以下html元素

<select id="selectStates" size="5" multiple="multiple" class="box"> <option value="tx">Texas</option> <option value="ak">Alaska</option> <option value="ca">California</option> <option value="ws">Washington</option> <option value="tn">Tennessee</option> </select>

我有一个<map>.它具有50个ID为A0，A1，A2 ... A50的元素，如下所示:(

And I have a <map>. It has 50 elements with ID's for starting from A0, A1, A2... A50 as following: (

多余的行"href =#" coords ="51,15,52,15,52,16,53,16,. . "/>

extra line" href="#" coords="51,15,52,15,52,16,53,16,. . " />

我已经在js文件中包含click事件，当我单击它时，该事件会突出显示状态.

I already have click event in a js file, which highlights the state when i click on it.

现在，当我在列表框中单击该州时，我想在地图中突出显示该州.

Now I want to highlight that particular state area in map when I click that state in a list box.

正试图通过将状态的点击事件分配给

Right am trying to do as follows by assigning the click event of that state to a particular in

$('#selectStates').find('#tn').click(function(e){ $('#A51').click(); });

但这似乎不起作用. 谁能帮我吗?

But this doesn't seem to work. Can anyone please help me?

推荐答案

您可以这样做:

$("#selectStates").find("[value=tn]").select(function() { $("#A51").click() })

更好的是:

<select> <option value="tn" data-click-div="A51">TN</option> </select>

现在是单个处理程序:

$("#selectStates").change(function(evt) { var obj = "#" + jQuery(this).attr("data-click-div"); jQuery(obj).click(); });

我在这里所做的是在选项中添加一个属性，以说明要单击的div.一切都完成了.

what I did here is add an attribute to the option to say which div to click. Everything, then, is done.