我在我的网站上使用的一组下拉菜单是由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;
}