onchange选择get value并执行查询,然后在同一页面上显示结果
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上查看。
相关文章:
- 如何获取不属于我项目的上一页的URL
- 如何在Facebook上的iframe应用程序中使后退按钮返回到上一页
- 使用Booklet Jquery插件,我如何验证最后一页是否显示
- 如何在一页网站中使用PHP重定向到一个页面
- Javascript并不是显示在每一页上
- 如何在一页上显示多个Highcharts图表
- jQuery分页下一页和上一页按钮在点击零或超过最后一页后失败
- 如何为AngularJS制作智能表中第一页和最后一页的跳过按钮
- Bootstrap一页导航Fluid网站最小化问题
- 返回上一页时,Javascript仍处于活动状态
- 将jsp重定向到servlet,然后重定向到下一页
- 如何在重定向到asp.net中单击按钮的下一页之前应用javascript警报
- 传递表单值并移动到另一页
- 如何获取数组详细信息另一页
- 警报中的window.location必须重定向到上一页
- 一页签出在Magento版本1.7.0.2中不起作用
- 获取/保留上一页's具有SmoothState的URL
- 我们怎么能看到“;上一页结果“;如果用户从一个页面转到另一个页面&另一个
- 搜索结果"浮动"在这一页的其余部分
- 我如何得到一个搜索页面的搜索结果进入下一页和显示