Вот код для простой страницы У меня есть, что не работает:

Я пытаюсь сделать заявку на бронирование. Я написал следующий код. Но я не могу скрыть поля. Я хочу отобразить конкретные параметры формы в зависимости от выбранной кнопки. Пожалуйста, предложите ... (я не являюсь экспертом в 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

Привет Я пытаюсь сделать заявку системы бронирования. Я хочу, чтобы конечный пользователь видел определенные параметры формы в зависимости от переключателя, который пользователь выбирает, и все остальные параметры формы должны быть скрыты. Я написал этот код, но это не скрывает возможности формы. Please предложите .. – 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

Вот код для простой страницы У меня есть, что не работает:

ответ

Смежные вопросы