Question

我有两个下拉菜单，我想显示一个div，当我从第一个下拉列表中选择一个值时，第二个下拉，为此我使用onChange函数，它工作正常。但是我想显示默认下拉没有值，当我没有从第一个选择任何东西时，当我从第一个选择某个东西时，它替换了那个默认空下拉列表，显示第二个下拉值有值。我不知道如何更换它。这是我的代码：

<script type="text/javascript">

function showMe(element){
  if ( element.value==='all' ) {
    document.getElementById( 'namediv'    ).style.display = 'block';
    document.getElementById( 'coursediv'   ).style.display = 'block';

  } else {
    document.getElementById( 'namediv'    ).style.display = 'none';
    document.getElementById( 'coursediv'   ).style.display = 'none';

    var div = document.getElementById( element.value + "div" );

    if ( div ) {
      div.style.display = 'block';
    }
  }
}
</script>

<select name="first" onchange="showMe(this)">
  <option selected value="" disabled="disabled">Select an Option</option> 
  <option value="all">Select All</option>   
  <option value="name" >Name</option>
  <option value="course" >Courses</option>
 </select>

 <select><option style="display:none;" selected; value="">---Select an option---</option></select> //default empty drop down

<div id="namediv" style="display: none";>
    <select name="firstres" id="firstres"><option style="display:none;" selected; value="">---Select an option---</option><?php 
$sql="SELECT DISTINCT * FROM table ";

$result = mysql_query($sql);

while ($row = mysql_fetch_array($result)) {

    echo "<option  value=' " . $row['Sno'] ."'>" . $row['name'] ."</option>";
    }
?>
    </select>
</div> //div which i wan't to show when i select a value from first drop down, and replaces the empty drop down

无法使用onChange函数替换下拉列表

0 个答案: