javascript - 如何在两个下拉菜单中根据列名显示列值
问题描述
我有一个下拉菜单;具有来自数据库表的列名。现在,我有另一个下拉菜单。
我想要的是;当我从第一个下拉菜单中选择列名时,它会在第二个下拉菜单中显示从数据库表中选择的列名的值。
我已经为选项标签中的第一个下拉菜单插入了列名,但我想根据数据库表中选定的列名检索所有列值。
这是我的代码:
<select name="first">
<option selected="true" disabled="disabled">Select an Option</option>
<option value="all">Select All</option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
</select>
a,b,c,d
列名在哪里。请帮帮我。
解决方案
你可以这样尝试
HTML:
<select name="category">
<option value="0">None</option>
<option value="1" rel="accessories">Novels</option>
<option value="2" rel="sports">Scooties</option>
<option value="3" rel="cars">Bikes</option>
</select>
<select name="items" class="cascade">
<option value="3" class="accessories">Immortals of meluha/option>
<option value="8" class="accessories">Half Girlfriend</option>
<option value="1" class="sports">Active 5G</option>
<option value="4" class="sports">Active 4G</option>
<option value="6" class="cars">Royal Enfield</option>
<option value="2" class="cars">Pulsor</option>
</select>
查询:
$(document).ready(function(){
var $cat = $('select[name=category]'),
$items = $('select[name=items]');
$cat.change(function(){
var $this = $(this).find(':selected'),
rel = $this.attr('rel'),
$set = $items.find('option.' + rel);
if ($set.size() < 0) {
$items.hide();
return;
}
$items.show().find('option').hide();
$set.show().first().prop('selected', true);
});
});
推荐阅读
- python - 通过索引读取 csv 文件中的列
- oracle - 如何使用 case 语句创建行值
- javascript - javascript中调用的这种形式或语法是什么?
- npm - IBM Blockchain Platform 扩展 npm 错误
- python - 在类上调用方法并手动传递实例是否总是等同于在实例上调用方法?
- machine-learning - 如何使用 xml 文件中的对象训练对象检测模型?
- android - Android 导航抽屉在顶部添加了一个带有较暗阴影的空白空间
- php - Laravel 图像干预避免旋转
- utf-8 - Microsoft Outlook 未显示德语变音符号
- amazon-web-services - EC2 公共 DNS 显示 404 没有 https