如何将onchange事件添加到ul标签元素?

时间:2014-08-27 07:12:14

标签: javascript jquery html

我有一个'ul'和'li'的下拉,就像这样,

<div style="float:left;">
    <div class="group">
        <div style="width:80px;">Dropdown<i class="fa fa-caret-down"></i></div>
            <ul style="float:left;">
                <li><a href="javascript:void(0);">Option1</a></li>
                <li><a href="javascript:void(0);">Option2</a></li>
                <li><a href="javascript:void(0);">Option3</a></li>
            </ul>
    </div>
</div>

我想将onchange()事件添加到ul标签。我可以说onchange我必须调用一个函数SelectedItem(optionselected),选择'li'文本作为参数。任何人请帮助我。谢谢。

1 个答案:

答案 0 :(得分:5)

  

change event在值更改时发送给元素。这个   事件仅限于元素,<textarea>框和   <select>元素。对于选择框,复选框和单选按钮,   当用户进行选择时,会立即触发该事件   鼠标,但对于其他元素类型,事件将延迟到   元素失去焦点。

请参阅http://api.jquery.com/change/

因此.change()无法在无序列表中运行...

使用click事件

    $('li').click(function(){
     //your code
 });