Question

我有两个组合框。我希望根据改变时的第一个组合框值设置第二个组合框值。如果我为第一个和第一个选择1的三个值（1,2,3）我用值填充第二个（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

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

1 个答案: