onchange选择get value并执行查询，然后在同一页面上显示结果 - onchange select get value and do query then display result on the same page

onchange select get value and do query then display result on the same page

伙计们，我有一个问题，我知道可以解决，但不知道如何解决。非常感谢您的帮助。

代码：

<select id='bldg'>
    <option value='1'>BLDG1</option>
    <option value='2'>BLDG2</option>
</select>

一旦用户点击BLGD1，系统将运行查询，获取BLDG1的所有房间，并在选择输入上显示该查询

如果用户点击BLDG1 ，结果会是这样的

<select id='room'>
    <option value='101'>Room 101 - BLDG1</option>
    <option value='102'>Room 102 - BLDG1</option>
</select>

然后一旦用户单击BLDG2，所有房间都将显示在ROOM上。问题：用户从中选择/更改建筑编号后，如何显示查询结果其他信息：Codeigniter HMVC；JQUERY

提前谢谢。

您正在查找onchange事件。这里有一个很好的jQuery免费解决方案：

//  Grab the element
var sel = document.querySelector('#bldg');
//  Store updated values
var updatedVals = [ "Room 101 - BLDG1", "Room 102 - BLDG2" ];
//  Sets an onchange event function
//  Alternative: sel.addEventListener('onchange', fn() { ... })
sel.onchange = function() {
  //  this.children returns a DOMNodeList, calling slice converts it to a proper array
  var options = Array.prototype.slice.call(this.children, 0);
  //  Map/Loop over the array
  options.map(function(option, i){
  //  Change innerHTML of each option to the corresponding updated value
    option.innerHTML = updatedVals[i];
  });
}

在JSFiddle上查看。