使后台生成的下拉菜单选择成为强制性的

Make backoffice generated drop down menu choice compulsory

本文关键字：强制性 选择 下拉菜单 后台      更新时间：2023-09-26

我有一个由后台生成的下拉菜单。不幸的是，后台不需要用户使用下拉菜单做出选择。有没有办法添加一个脚本，该脚本作用于以下代码以使选择成为强制性的？

下拉菜单的代码（我不能直接更改）：

<select name="variant" id="product_configure_variants" onchange="document.getElementById('product_configure_form').action = 'http://www.my-domain-name.com/product/variants/22320866/'; document.getElementById('product_configure_form').submit();">
      <option value="39702636" selected="selected">PLEASE SELECT</option>
      <option value="39702638">2 APR - 16 APR 16 - €2.000,00</option>
      <option value="39702640">5 NOV - 19 JAN 16 - €3.000,00</option>
    </select>

您可以使用更改事件。

每次更改都检查所选选项的索引是什么。

var e = $("#product_configure_variants");
var error = $("#error")
var valid = false;
e.change(function() {
  if (e[0].selectedIndex === 0) {
    error.text("You must choose an option");
  } else {
    valid = true;
    error.text("");
  }
})

这里的工作示例

相关文章：