![](/img/trans.png)
[英]Populate and display an html table based on the values from two dropdown menus
[英]How to show column values based on column names in two dropdown menus
我有一個下拉菜單; 具有數據庫表中的列名。 現在,我還有另一個下拉菜單。
我想要的是 當我從第一個下拉菜單中選擇列名時,它將在第二個下拉菜單中顯示從數據庫表中選擇的列名的值。
我已經在options標記的第一個下拉菜單中插入了列名,但是我想根據數據庫表中選定的列名來檢索所有列值。
這是我的代碼:
<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>
JQUERY:
$(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);
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.