Question

我有一个由后台生成的下拉菜单。不幸的是，后台并不需要用户通过下拉菜单进行选择。有没有办法添加一个脚本作为下面的代码来强制选择？

下拉代码（我无法直接更改）：

<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>

Answer 1

您可以使用更改活动。

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

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("");
  }
})

工作示例here

使后台生成下拉菜单选项强制

1 个答案: