由于某些原因,我似乎无法让prevAll
与选择框的选项一起使用。
我要在这里做的是将omday
之前的所有选项都标记为已禁用。
是JQ忽略它的原因还是我的代码有问题?
这是我的代码:
jQuery(document).ready(function($) {
var omday = 25;
$('#inc-day').val(omday);
$("#inc-day option").prevAll('#inc-day option[value="' + omday + '"]').prop('disabled', true);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select class="incrange" id="inc-day" name="inc-day"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select>
最佳答案
首先使用选择器捕获实际选择的选项,然后使用prevAll()
功能禁用在所选元素之前的每个option
元素。
$(document).ready(function() {
var omday = 25;
$('#inc-day').val(omday);
$('#inc-day option[value="' + omday + '"]').prevAll().prop('disabled', true);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select class="incrange" id="inc-day" name="inc-day"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select>
关于javascript - jQuery PrevAll不适用于Select Option,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42737085/