javascript - 用js中的另一个组合值填充组合框值

Question

我有两个组合框。我想根据更改时的第一个组合框值设置第二个组合框值。比如如果我为第一个组合框设置三个值 (1,2,3) 并在选择 1 时，我用值填充第二个组合框(11,12,13)​​ 和其他人一样。我可以在 php 中完成，但不知道如何在 js 或 jquery 中完成。谢谢

Answer 1

以下是您可以执行此操作的方法:

JavaScript

var first = document.getElementById('select-input'),
    second = document.getElementById('second-select-input');

first.onchange = function (e) {
  var val = e.target.value;
  empty(second);
  for (var i = 0; i < 3; i += 1) {
    addOption(val + '' + (i + 1), second);
  }
};

function empty(select) {
  select.innerHTML = '';
}

function addOption(val, select) {
  var option = document.createElement('option');
  option.value = val;
  option.innerHTML = val;
  select.appendChild(option);
}

HTML

<select id="select-input">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<select id="second-select-input">
</select>

DEMO