BootStrap中关于Select下拉框选择触发事件及扩展_选择框点击完触发函数 - CSDN文库

select下拉框触发事件

58 浏览量更新于2023-03-16 评论收藏 65KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

BootStrap中关于中关于Select下拉框选择触发事件及扩展下拉框选择触发事件及扩展

Select下拉框的问题，想在选择一个选项后，前台显示做出变动，并且知道选择的是第几个选项。怎么解决这个问题

呢？下面小编给大家带来了BootStrap中关于Select下拉框选择触发事件及扩展，需要的朋友参考下吧

Select下拉框的问题，想在选择一个选项后，前台显示做出变动，并且知道选择的是第几个选项。

这个很好解决：

如下:

<div class="page-header">

<div class="form-horizontal">

<div class="control-label col-lg-0">

</div>

<div class="col-lg-2">

<select class="form-control" onchange="selectOnchang(this)">

<option>所有申请商家</option>

<option>待审核商家</option>

<option>未通过审核商家</option>

<option>已通过审核商家</option>

</select>

</div>

</div>

JS:

function selectOnchang(obj){

//获取被选中的option标签选项

alert(obj.selectedIndex);

}

这里利用的就是onchange和selectedIndex。

onchange 事件会在域的内容改变时发生。

onchange 事件也可用于单选框与复选框改变后触发的事件。

selectedIndex: 设置或返回下拉列表中被选项目的索引号。

这样，在我们改变选项时就会触发改事件。

效果如图:

这样做，我们只能获得选中哪项，而如果我们选中哪项，需要传递特殊的信息，这个时候该怎么办呢。

<div class="page-header">

<div class="form-horizontal">

<div class="control-label col-lg-0">

</div>

<div class="col-lg-2">

<select class="form-control" onchange="selectOnchang(this)">

<option value="all">所有申请商家</option>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38501751

粉丝: 6
资源: 939

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈