這裏是一個簡單的頁面的代碼，我有不工作：

我想做一個預訂應用程序。我寫了下面的代碼。但我無法隱藏田野。我想根據所選的單選按鈕來顯示特定的表單選項。請建議......（我不是在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>

來源

2014-01-15 user3199796

您好我想作一個訂票系統的應用。我希望最終用戶根據用戶選擇的單選按鈕查看特定的表單選項，並且所有其餘表單選項都必須隱藏。我已經編寫了此代碼，但這並不隱藏表單選項。請建議.. – user3199796

if(this.id == 'radio1')

關你input[type=radio]元素都有id屬性。他們有value屬性，這就是你需要得到的。

if(this.value == 'radio1')

或者用jQuery

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

來源

2014-01-15 20:06:07

嘗試了更改，仍然無法正常工作： – user3199796

什麼*確切*不起作用？你看到錯誤嗎？ *發生了什麼事情與你想要發生的事情？ –

我希望在選擇第一個單選按鈕時顯示唯一的拾取相關選項。依此類推。但不是它默認顯示所有的字段 – user3199796

這裏是一個簡單的頁面的代碼，我有不工作：

回答

相關問題