js控制select 下拉菜单

通过js控制select下拉菜单

---

通过js获取select下拉菜单的值

• select 下拉框html

<select id="firstLevel" name="firstLevel" size="1" 
        class="form-control" >
        <option>1</option>

• 监听select的change事件

events{
    'change #firstLevel' :  "getSelected"
}

// 利用以下函数，可以取到被选中的option的位 
getSelected: function () {
    var selected = $("#firstLevel")[0].options.selectedIndex;
}

// 或利用此函数可以获取被选中的option的值
getSelected: function () {
    var selected = $('#firstLevel').val();
}

通过js给select设置链接

• html 代码如下：

<select id="systemfirstLevel" name="firstLevel" size="1" 
        class="form-control" onchange="window.location=options[(this.selectedIndex)].value">
    <option value="#option1">1</option>

• select 下拉菜单含有change 属性,通过onchange属性就可以设置option的链接。