将click()分配给jquery中的子控件 [英] Assign click() to a child control in 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.

这篇关于将click()分配给jquery中的子控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！