动态下拉菜单

时间:2013-12-30 16:08:41

标签: javascript php

我在我的网站上使用的一组下拉菜单是由PHP动态生成的,我在每个页面上使用这些下拉菜单略有不同,一页1我只想显示带选项的下拉菜单1并根据选择显示另一个下拉菜单。为了达到这个目的,我使用的是JS,但在开始时会显示所有三个可能的下拉菜单,但只有一个可见。

JS代码:

function test(){

    //if getElementById('workshop'). exists display none to getElementById('Binary') document.getElementById('Forex').
    if(document.getElementById('workshop')){
        document.getElementById('Forex').style.display = 'none';
        document.getElementById('Binary').style.display = 'none';
    }


    //diSPLAY LOGICS BY document.getElementById('workshop')

    if(document.getElementById('workshop').value == 'Forex'){
        document.getElementById('Forex').style.display = 'inline-block';
        document.getElementById('Forex').name = 'workshop';
    }else{
        document.getElementById('Forex').style.display = 'none';
        document.getElementById('Forex').name = '';
    }

    if(document.getElementById('workshop').value == 'BinaryOptions'){
        document.getElementById('Binary').style.display = 'inline-block';
        document.getElementById('Binary').name = 'workshop';
    }else{
        document.getElementById('Binary').style.display = 'none';
        document.getElementById('Binary').name = '';
    }



}

PHP代码(给出一个想法的一部分):

function getForex($link){

$ timestamp = date(“Y-m-d”);

$sql = "SELECT id, course, status, endingDate FROM courses WHERE course LIKE '%Forex%' OR  course LIKE '%forex%' AND status=5";
$query = mysqli_query($link, $sql);
    $option='<select id="Forex" name="workshop">';
    $option.='<option value="">Select Forex Workshop</option>';
    $option.='';
        while($result = mysqli_fetch_assoc($query))
        {
            if($timestamp < $result['endingDate'])
            {
                $option.='<option id="'.$result['id'].'" value='.$result['endingDate'].'>'.$result['course'].$result['endingDate'].'</option>'; 
            }
        }
        $option.='</select>';
        return $option;             
}

1 个答案:

答案 0 :(得分:0)

如果我理解正确,你想要这样的东西? Link