javascript - 双击列表项打开页面

Question

我有一个简单的选择菜单，其中包含一些在加载页面时动态插入的列表项。

<select id="viewTasks" name="viewTasks" size=10 style="width: 100%;">
    <option>Task 1</option>
    <option>Task 2</option>
    <option>Task 3</option>
    <option>Task 4</option>
</select>

每当用户双击任何单个列表项时，我想向用户显示一个特定页面。我要显示的页面将根据列表项字符串中的数据显示。

我应该怎么做？

Answer 1

$(document).ready(function()
{
    $("#viewTasks").dblclick(function()
    {
        var index = $(this).find(":selected").index();

        if(index == 0)
        {
            //do task 1
        }
        else if(index == 1)
        {
            // do task 2
        }
    });
});