Javascript 在HTML选择列表中选择选项时的HTML垂直中心选择
我有以下HTML代码:Javascript 在HTML选择列表中选择选项时的HTML垂直中心选择,javascript,html,Javascript,Html,我有以下HTML代码: <select name="" id="listF" size="10"> <option value="01">001</option> <option value="02">002</option> <option value="03">003</option> <option value="04">004&l
<select name="" id="listF" size="10">
<option value="01">001</option>
<option value="02">002</option>
<option value="03">003</option>
<option value="04">004</option>
<option value="05">005</option>
<option value="06">006</option>
<option value="07">007</option>
<option value="08">008</option>
<option value="09">009</option>
<option value="10">010</option>
<option value="11">011</option>
<option value="12">012</option>
<option value="13">013</option>
<option value="14">014</option>
<option value="15">015</option>
<option value="16">016</option>
<option value="17">017</option>
<option value="18">018</option>
<option value="19">019</option>
<option value="20">020</option>
<option value="21">021</option>
<option value="22">022</option>
<option value="23">023</option>
<option value="24">024</option>
</select>
如果我选择选项12-选项12将居中
Option 8
Option 9
Option 10
Option 11
Option 12 <<<<<Centered
Option 13
Option 14
Option 15
Option 16
Option 17
Option 3
Option 4
Option 5
Option 6
Option 7 <<<<<Centered
Option 8
Option 9
Option 10
Option 11
Option 12
选项8
备选案文9
选择10
备选方案11
选项12
使用奇数和偶数尺寸进行测试。您希望将
垂直居中于
的准确位置。我该怎么办?谢谢!成功了。如何更改上面的$('#listF')。在('change',function(){如果我有两个以上的列表,请。我尝试了$('#listF'&&&&')listX')。在('change',function(){上,但没有更改work@user3173207请尝试('change'
Option 8
Option 9
Option 10
Option 11
Option 12 <<<<<Centered
Option 13
Option 14
Option 15
Option 16
Option 17
Option 3
Option 4
Option 5
Option 6
Option 7 <<<<<Centered
Option 8
Option 9
Option 10
Option 11
Option 12
$('#listF').on('change', function(){
var n = this.getAttribute('size'),
i = this.selectedIndex,
l = this.options.length;
this.selectedIndex = Math.min(l-1, i+n/2|0);
this.selectedIndex = Math.max(0, i+1-n/2|0);
this.selectedIndex = i;
});