Question

如果要在提交之前选择某些内容，我确实有一个要检查的下拉菜单数量可变的表单。

我拥有的是这个javascript，但是它仅适用于第一个下拉菜单。

var ddl = document.getElementById("status");
  var selectedValue = ddl.options[ddl.selectedIndex].value;
     if (selectedValue == "")
    {
     alert("Machine status must be selected");
     return false;
    }

此下拉菜单（来自循环，因此我在表单中有不同的数量）

<select name="mstatus[]" id="status">
  <option value="">please select</option>
  <option value="status1">ok</option>
  <option value="status2">not ok</option>
</select>

任何朝着正确方向的提示，深表感谢。谢谢

Answer 1

我建议给您希望遍历同一类并使用Jquery { "execution": [{ "concurrency": 10, "hold-for": "60s", "ramp-up": "60s", "scenario": "Thread Group" }], "scenarios": { "Thread Group": { "data-sources": [{}], "requests": [{ "headers": { "Accept": "application/json", "id": "loadtest", "user-id": "5" }, "label": "GET abc", "method": "GET", "url": "http://abc.abc.com/abc-abc-service-api/v1/abc/${id}?debug=false" }] } } }的选择。 https://api.jquery.com/each/

为了进行验证，我将使用.each()标签来帮助您使用警报标签

data

然后添加JS代码

<select class="form-select" data-label="Machine status"></select>

没有Jquery，您可以做。

$('.form-select').each(function(index, element) {
    let value = $(element).val();
    let label = $(element).data("label");
     if (value === "") {
        alert(`${label} status must be selected`);
        return false;
    }
});

如果选择了某些内容，如何检查多个选择字段

1 个答案: