Question

第一次来这里。我正在处理一个表格，我遇到了问题。我有很多选择元素，比如几个字段集中的这个元素：

<select id="FP1" class="form-control">
  <option value="" disabled selected class="hidden">Score</option>
  <option>0</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

我需要什么：当用户选择一个选项时，会打开另一个选择元素。

我尝试了HTML onchange事件属性，这个jquery替代方案也包含了change事件，但到目前为止还没有对我有用。有帮助吗？感谢

$("select").onchange(function() {
  $(this).next().find("select").focusIn();
});

Answer 1

许多问题：

事件功能应为.change()。
查看focusin()的案例。但是，您应该使用focus()关注下一个选择，而不是focusin()。
不使用find()。

就jQuery的事件而言，它是.change()：

$(function () {
  $("select").change(function () {
    $(this).next("select").focus();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="FP1" class="form-control">
  <option value="" disabled selected class="hidden">Score</option>
  <option>0</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
<select>
  <option></option>
</select>

在选择更改时，打开另一个选择元素

1 个答案: