使用js中的另一个组合值填充组合框值 [英] Populate combobox values with another combo values in js

问题描述

我有两个comboboxs.i想要设置第二个组合框值基于change.like的第一个组合框值如果我三个值（1,2,3）为第一个和选择1我填充第二个值（11,12,13）和其他人一样。我可以在php中做，但不知道如何在js或jquery.Thanks中做。

I have two comboboxs.i want to set second combobox values on the basis of first combobox values on change.like if i three values (1,2,3) for first one and on select 1 i populate second one with values (11,12,13) and same for others.I can do it in php but don't know how to do it in js or jquery.Thanks

推荐答案

以下是这样做的方法：

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中的另一个组合值填充组合框值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！