使用jquery鼠标悬停时获取dropdown选项的值
使用jquery鼠标悬停时获取dropdown选项的值
提问于 2017-07-12 19:26:15
我在html页面中有一个下拉列表，我需要使用j Query来获取鼠标悬停项的值，请建议
我的下拉代码
<select name="select2" id="sub_groups" class="form-control input-md" onchange="getval(this);" >
<option data-group='SHOW' value="0" selected="selected">Select Turbine Type</option>
<option data-group='1' value="V1">V39/ V42/ V44/ V47</option>
<!--option data-group='1' value="V2">V42-600KW</option>
<option data-group='1' value="V3">V44-600KW</option>
<option data-group='1' value="V4">V47-660KW</option-->
<option data-group='1' value="V5">V52-850KW</option>
<option data-group='1' value="V6">V66-1.65MW/ 1.75MW</option>
<!--option data-group='1' value="V7">V66-1.75MW</option-->
<option data-group='1' value="V8">V80-V90 1.8-2.0MW, MK1-5</option>
<option data-group='1' value="V9">V80-V90 1.8-2.0MW, MK5.1,6-7</option>
<option data-group='1' value="V10">V80-V90 1.8-2.0MW, MK8</option>
<option data-group='1' value="V11">V82-1.65MW</option>
<option data-group='1' value="V12">V90-3MW</option>
<option data-group='1' value="V14">V100 1.8-2.0MW, MK7</option>
<option data-group='1' value="V15">V100 2.0MW, MK9</option>
<option data-group='1' value="V16">V100 2.0MW, MK10</option>
<option data-group='1' value="V18">V110-2.0MW, Mk10, 10B</option>
<option data-group='1' value="V17">V105-3.3/3.45MW, MK2C</option>
<option data-group='1' value="V19">V112-3.0 MW, Mk0,0E,1A,1B</option>
<option data-group='1' value="V20">V112-3.3/3.45MW, MK2A-2C</option>
<option data-group='1' value="V21">V117-3.3/3.45MW, MK2A-2C</option>
<option data-group='1' value="V22">V126-3.3/3.45MW, MK2A-2C</option>
<option data-group='1' value="V23">NM52 / NM64(950KW, 1MW) </option>
<!--option data-group='1' value="V24">NM54-950KW</option>
<option data-group='1' value="V25">NM54-1MW</option-->
</select> 和我的jquery
$("#sub_groups").hover(function() {
alert("hello");})；
当我将鼠标移到任何下拉项上时，我应该会得到这些值
回答 2
Stack Overflow用户
发布于 2017-07-12 19:35:06
它将是这样的：
$('#sub_groups').mousemove(function() {
alert($(this).val());
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="select2" id="sub_groups" class="form-control input-md" onchange="getval(this);">
<option data-group='SHOW' value="0" selected="selected">Select Turbine Type</option>
<option data-group='1' value="V1">V39/ V42/ V44/ V47</option>
<!--option data-group='1' value="V2">V42-600KW</option>
<option data-group='1' value="V3">V44-600KW</option>
<option data-group='1' value="V4">V47-660KW</option-->
<option data-group='1' value="V5">V52-850KW</option>
<option data-group='1' value="V6">V66-1.65MW/ 1.75MW</option>
<!--option data-group='1' value="V7">V66-1.75MW</option-->
<option data-group='1' value="V8">V80-V90 1.8-2.0MW, MK1-5</option>
<option data-group='1' value="V9">V80-V90 1.8-2.0MW, MK5.1,6-7</option>
<option data-group='1' value="V10">V80-V90 1.8-2.0MW, MK8</option>
<option data-group='1' value="V11">V82-1.65MW</option>
<option data-group='1' value="V12">V90-3MW</option>
<option data-group='1' value="V14">V100 1.8-2.0MW, MK7</option>
<option data-group='1' value="V15">V100 2.0MW, MK9</option>
<option data-group='1' value="V16">V100 2.0MW, MK10</option>
<option data-group='1' value="V18">V110-2.0MW, Mk10, 10B</option>
<option data-group='1' value="V17">V105-3.3/3.45MW, MK2C</option>
<option data-group='1' value="V19">V112-3.0 MW, Mk0,0E,1A,1B</option>
<option data-group='1' value="V20">V112-3.3/3.45MW, MK2A-2C</option>
<option data-group='1' value="V21">V117-3.3/3.45MW, MK2A-2C</option>
<option data-group='1' value="V22">V126-3.3/3.45MW, MK2A-2C</option>
<option data-group='1' value="V23">NM52 / NM64(950KW, 1MW) </option>
<!--option data-group='1' value="V24">NM54-950KW</option>
<option data-group='1' value="V25">NM54-1MW</option-->
</select>
$('#sub_groups').mousemove(function () {
alert($(this).val());
});您可以在其中使用mouse move event和get the value
Stack Overflow用户
发布于 2017-07-12 19:37:06
我认为这是on()动态追加的element.so用法
$(document).on('mouseover','#sub_groups',function() {
console.log($(this).val())
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="select2" id="sub_groups" class="form-control input-md" onchange="getval(this);">
<option data-group='SHOW' value="0" selected="selected">Select Turbine Type</option>
<option data-group='1' value="V1">V39/ V42/ V44/ V47</option>
<!--option data-group='1' value="V2">V42-600KW</option>
<option data-group='1' value="V3">V44-600KW</option>
<option data-group='1' value="V4">V47-660KW</option-->
<option data-group='1' value="V5">V52-850KW</option>
<option data-group='1' value="V6">V66-1.65MW/ 1.75MW</option>
<!--option data-group='1' value="V7">V66-1.75MW</option-->
<option data-group='1' value="V8">V80-V90 1.8-2.0MW, MK1-5</option>
<option data-group='1' value="V9">V80-V90 1.8-2.0MW, MK5.1,6-7</option>
<option data-group='1' value="V10">V80-V90 1.8-2.0MW, MK8</option>
<option data-group='1' value="V11">V82-1.65MW</option>
<option data-group='1' value="V12">V90-3MW</option>
<option data-group='1' value="V14">V100 1.8-2.0MW, MK7</option>
<option data-group='1' value="V15">V100 2.0MW, MK9</option>
<option data-group='1' value="V16">V100 2.0MW, MK10</option>
<option data-group='1' value="V18">V110-2.0MW, Mk10, 10B</option>
<option data-group='1' value="V17">V105-3.3/3.45MW, MK2C</option>
<option data-group='1' value="V19">V112-3.0 MW, Mk0,0E,1A,1B</option>
<option data-group='1' value="V20">V112-3.3/3.45MW, MK2A-2C</option>
<option data-group='1' value="V21">V117-3.3/3.45MW, MK2A-2C</option>
<option data-group='1' value="V22">V126-3.3/3.45MW, MK2A-2C</option>
<option data-group='1' value="V23">NM52 / NM64(950KW, 1MW) </option>
<!--option data-group='1' value="V24">NM54-950KW</option>
<option data-group='1' value="V25">NM54-1MW</option-->
</select>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45056381
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号