Javascript 将选择选项值限制为最大值

我想限制包含product quantity的select元素的大小

当用户选择尺寸（如16）时，我想将$orderqty最大数量设置为1。其余选项可以禁用

我的HTML代码：

<select  name="qty" id="orderqty">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>10</option>
</select>

<ul class="productinfoul">
  <li>
    <div class="size " title="Size : 16" id="17.99" data-stock="1">16</div>
  </li>
  <li>
    <div class="size " title="Size : 18" id="17.99" data-stock="1">18</div>
  </li>
  <li>
    <div class="size " title="Size : 20" id="17.99" data-stock="1">20</div>
  </li>
  <li>
    <div class="size " title="Size : 22/24" id="17.99" data-stock="2">22/24</div>
  </li>
  <li>
    <div class="size " title="Size : 26/28" id="17.99" data-stock="2">26/28</div>
  </li>
  <li>
    <div class="size " title="Size : 30/32" id="17.99" data-stock="2">30/32</div>
  </li>
  <li>
    <div class="size " title="Size : 34/36" id="17.99" data-stock="1">34/36</div>
  </li>
</ul>

jQuery代码：

$('.size').click(function(e) {
  maxval = $(this).attr('data-stock');
  var selected  = $('#orderqty option:selected').text()
    if(maxval < selected){
      alert("You can only select maximum of "+maxval+" for this product"); 
      $("#orderqty").val(maxval).change();
    }
});

但是，这仅在用户先选择数量，然后选择产品尺寸时有效

---

谢谢。

这应该是您要找的

它只允许用户从select中选择一个等于或小于data stock值的数字

$'.size'。单击函数E{ var maxval=$this.attr'data-stock'； $orderqty option.eachfunctioni，x{ 如果parseInt$x.text>maxval{ $x.0，对 }否则{ $x.0，错误 } } }; 1. 2. 3. 4. 5. 6. 7. 8. 9 10 16 18 20 22/24 26/28 30/32 34/36

---

您可以禁用不相关的选项，具体取决于单击了哪个大小选项。最初，您可以禁用所有选项，以便用户首先需要单击其中一个尺寸元素

$'.size'。单击函数E{ var maxval=parseInt$this.attr'data-stock'； $orderqty option.eachfunction{ var curValue=parseInt$this.text； if曲线值