小贝子编程

这是我拥有的一个简单的页面的代码，该页面不起作用：



我正在尝试预订申请。我编写了以下代码。但我无法隐藏字段。我想根据所选的单选按钮显示特定的表单选项。请建议...（我不是PHP专家）

<?php
session_start();
$page = $_SERVER['PHP_SELF'];
$search = $_REQUEST['search'];

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="datetimepicker_css.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 $("input[type=radio]").on('click', function(){
    if(this.id == 'radio1')
        $("#grid_1.omega").slideDown("slow");
    else
       $("#grid_1.omega").slideUp("slow");
});
});
</script>

<title>Car Booking system</title>
<style type="text/css">
<!--
.style1 {
    color: #0000CC;
    font-weight: bold;
    font-size: 24px;
    font-family: "Times New Roman", Times, serif;
}
.omega{
    display: none;
}

-->
</style>
</head>
<body>
<table width="552" border="0">
  <tr>
    <td colspan="3"><span class="style1">Book A Car Online</span> </td>
  </tr>
  <tr>
    <td colspan="3"><form id="form1" name="form1" method="post" action="">
      <label>
        <input name="radiobutton" type="radio" value="radio1" />
        Pick-up Only</label>
      <label>
      <input name="radiobutton" type="radio" value="radio2" />
      Pick-up and Drop</label>
      <label>
      <input name="radiobutton" type="radio" value="radio3" />
      Hourly Package</label>
      <label>
      <input name="radiobutton" type="radio" value="radio4" />
      Packages</label>
    </form>
    </td>
  </tr>
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
  <div id="grid_1" class="omega" style="display:none">
    <td width="2">&nbsp;</td>
    <td width="152">Pickup City : </td>
    <td width="300"><select name="type" onchange='javascript: showStates(this.value)'  style="width:180px;background:#3399CC; border:thin; color:#FFFFFF"  >
      <?php
            $mdq7=$td->type;
            $qq7="SELECT * FROM type WHERE type_id='$mdq7'";
            $rrs7=mysql_query($qq7);
            $rqa7=mysql_fetch_object($rrs7);
            ?>
      <option value="<?php echo $rqa7->type_id   ?>" ><?php echo $rqa7->type_name   ?></option>
      <option value ="0">Select</option>
      <?php
        $sel8 = "SELECT * FROM type";
        $res8 = mysql_query($sel8);
        while($rec8 = mysql_fetch_assoc($res8))
        {
    echo "<option value=$rec8[type_id]>$rec8[type_name]</option>";
        }
          ?>
    </select></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>Pickup Location : </td>
    <td><select name="select" onchange='javascript: showStates(this.value)'  style="width:180px;background:#3399CC; border:thin; color:#FFFFFF"  >
      <?php
            $mdq7=$td->type;
            $qq7="SELECT * FROM type WHERE type_id='$mdq7'";
            $rrs7=mysql_query($qq7);
            $rqa7=mysql_fetch_object($rrs7);
            ?>
      <option value="<?php echo $rqa7->type_id   ?>" ><?php echo $rqa7->type_name   ?></option>
      <option value ="0">Select</option>
      <?php
        $sel8 = "SELECT * FROM type";
        $res8 = mysql_query($sel8);
        while($rec8 = mysql_fetch_assoc($res8))
        {
    echo "<option value=$rec8[type_id]>$rec8[type_name]</option>";
        }
          ?>
    </select></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>Pickup Date : </td>
    <td><input name="search" type="text" id="demo1" size="25"/>
      <a href="javascript:NewCssCal('demo1')"> <img src="Images/cal.gif" width="16" height="16" alt="Pick a date" /></a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>Pickup Time : </td>
    <td><select name="select5" onchange='javascript: showStates(this.value)'  style="width:50px;background:#3399CC; border:thin; color:#FFFFFF"  >
      <?php
            $mdq7=$td->type;
            $qq7="SELECT * FROM type WHERE type_id='$mdq7'";
            $rrs7=mysql_query($qq7);
            $rqa7=mysql_fetch_object($rrs7);
            ?>
      <option value="<?php echo $rqa7->type_id   ?>" ><?php echo $rqa7->type_name   ?></option>
      <option value ="0">Select</option>
      <?php
        $sel8 = "SELECT * FROM type";
        $res8 = mysql_query($sel8);
        while($rec8 = mysql_fetch_assoc($res8))
        {
    echo "<option value=$rec8[type_id]>$rec8[type_name]</option>";
        }
          ?>
    </select> <select name="select6" onchange='javascript: showStates(this.value)'  style="width:50px;background:#3399CC; border:thin; color:#FFFFFF"  >
      <?php
            $mdq7=$td->type;
            $qq7="SELECT * FROM type WHERE type_id='$mdq7'";
            $rrs7=mysql_query($qq7);
            $rqa7=mysql_fetch_object($rrs7);
            ?>
      <option value="<?php echo $rqa7->type_id   ?>" ><?php echo $rqa7->type_name   ?></option>
      <option value ="0">Select</option>
      <?php
        $sel8 = "SELECT * FROM type";
        $res8 = mysql_query($sel8);
        while($rec8 = mysql_fetch_assoc($res8))
        {
    echo "<option value=$rec8[type_id]>$rec8[type_name]</option>";
        }
          ?>
    </select></td>
    </div>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>Return City : </td>
    <td><select name="select2" onchange='javascript: showStates(this.value)'  style="width:180px;background:#3399CC; border:thin; color:#FFFFFF"  >
      <?php
            $mdq7=$td->type;
            $qq7="SELECT * FROM type WHERE type_id='$mdq7'";
            $rrs7=mysql_query($qq7);
            $rqa7=mysql_fetch_object($rrs7);
            ?>
      <option value="<?php echo $rqa7->type_id   ?>" ><?php echo $rqa7->type_name   ?></option>
      <option value ="0">Select</option>
      <?php
        $sel8 = "SELECT * FROM type";
        $res8 = mysql_query($sel8);
        while($rec8 = mysql_fetch_assoc($res8))
        {
    echo "<option value=$rec8[type_id]>$rec8[type_name]</option>";
        }
          ?>
    </select></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>Return Location : </td>
    <td><select name="select3" onchange='javascript: showStates(this.value)'  style="width:180px;background:#3399CC; border:thin; color:#FFFFFF"  >
      <?php
            $mdq7=$td->type;
            $qq7="SELECT * FROM type WHERE type_id='$mdq7'";
            $rrs7=mysql_query($qq7);
            $rqa7=mysql_fetch_object($rrs7);
            ?>
      <option value="<?php echo $rqa7->type_id   ?>" ><?php echo $rqa7->type_name   ?></option>
      <option value ="0">Select</option>
      <?php
        $sel8 = "SELECT * FROM type";
        $res8 = mysql_query($sel8);
        while($rec8 = mysql_fetch_assoc($res8))
        {
    echo "<option value=$rec8[type_id]>$rec8[type_name]</option>";
        }
          ?>
    </select></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>Return Date : </td>
    <td><input name="search2" type="text" id="demo2" size="25"/>
      <a href="javascript:NewCssCal('demo2')"> <img src="Images/cal.gif" width="16" height="16" alt="Pick a date" /></a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>Return Time : </td>
    <td><select name="select7" onchange='javascript: showStates(this.value)'  style="width:50px;background:#3399CC; border:thin; color:#FFFFFF"  >
      <?php
            $mdq7=$td->type;
            $qq7="SELECT * FROM type WHERE type_id='$mdq7'";
            $rrs7=mysql_query($qq7);
            $rqa7=mysql_fetch_object($rrs7);
            ?>
      <option value="<?php echo $rqa7->type_id   ?>" ><?php echo $rqa7->type_name   ?></option>
      <option value ="0">Select</option>
      <?php
        $sel8 = "SELECT * FROM type";
        $res8 = mysql_query($sel8);
        while($rec8 = mysql_fetch_assoc($res8))
        {
    echo "<option value=$rec8[type_id]>$rec8[type_name]</option>";
        }
          ?>
    </select>
      <select name="select7" onchange='javascript: showStates(this.value)'  style="width:50px;background:#3399CC; border:thin; color:#FFFFFF"  >
        <?php
            $mdq7=$td->type;
            $qq7="SELECT * FROM type WHERE type_id='$mdq7'";
            $rrs7=mysql_query($qq7);
            $rqa7=mysql_fetch_object($rrs7);
            ?>
        <option value="<?php echo $rqa7->type_id   ?>" ><?php echo $rqa7->type_name   ?></option>
        <option value ="0">Select</option>
        <?php
        $sel8 = "SELECT * FROM type";
        $res8 = mysql_query($sel8);
        while($rec8 = mysql_fetch_assoc($res8))
        {
    echo "<option value=$rec8[type_id]>$rec8[type_name]</option>";
        }
          ?>
      </select></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>Car Category : </td>
    <td><select name="select4" onchange='javascript: showStates(this.value)'  style="width:180px;background:#3399CC; border:thin; color:#FFFFFF"  >
      <?php
            $mdq7=$td->type;
            $qq7="SELECT * FROM type WHERE type_id='$mdq7'";
            $rrs7=mysql_query($qq7);
            $rqa7=mysql_fetch_object($rrs7);
            ?>
      <option value="<?php echo $rqa7->type_id   ?>" ><?php echo $rqa7->type_name   ?></option>
      <option value ="0">Select</option>
      <?php
        $sel8 = "SELECT * FROM type";
        $res8 = mysql_query($sel8);
        while($rec8 = mysql_fetch_assoc($res8))
        {
    echo "<option value=$rec8[type_id]>$rec8[type_name]</option>";
        }
          ?>
    </select></td>
  </tr>
</table>
</body>
</html>

if(this.id == 'radio1')

您的input[type=radio]元素都没有id属性。 它们具有value属性，这就是您需要获得的。

if(this.value == 'radio1')

或者使用 jQuery

if($(this).val() == 'radio1')

相关内容

最新更新


热门标签：

javascript python java c# php android html jquery c++ css ios sql mysql arrays asp.net json python-3.x ruby-on-rails .net sql-server django objective-c excel regex ruby linux ajax iphone xml vba spring asp.net-mvc database wordpress string postgresql wpf windows xcode bash git oracle list vb.net multithreading eclipse algorithm macos powershell visual-studio image forms numpy scala function api selenium