如何在两个下拉菜单中根据列名显示列值

时间:2018-05-02 06:26:23

标签: javascript php html

我有一个下拉菜单;从数据库表中获取列名。现在,我有另一个下拉菜单。

我想要的是;当我从第一个下拉菜单中选择列名时,它会在第二个下拉菜单中显示数据库表中所选列名的值。

我在options标签的第一个下拉菜单中插入了列名,但我想根据数据库表中选定的列名检索所有列值。

这是我的代码:

android:scaleType="fitXY"

其中<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> 是列名。请帮帮我。

1 个答案:

答案 0 :(得分:0)

您可以尝试这样

<强> 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);
    });
  });