ユーザーが最初の選択メニューで「イベント」を選択すると、データベースのオプションで2番目のメニューが更新されます。この 2 番目のメニューは、IE や Chrome などの一部のブラウザーでは更新されませんが、Firefox などの他のブラウザーでは正常に機能します。
何が問題なのかよくわかりませんが、助けていただければ幸いです。ありがとう!
私が現在持っているコードは以下のとおりです-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function events()
{
document.eventform.submit();
}
</script>
<?
require_once('dbconnect.php');
$sql="SELECT id, event FROM events ORDER BY id DESC";
$result=mysql_query($sql);
$options1="";
while ($row=mysql_fetch_array($result)) {
$id=$row["id"];
$event=$row["event"];
$options1.="<OPTION VALUE=\"$event\">".$event;'</OPTION>';
}
$eventis = $_GET['event'];
$sql = "SELECT * FROM events WHERE event='$_GET[event]' ORDER BY id DESC";
$result=mysql_query($sql);
$options2="";
while ($row=mysql_fetch_array($result)) {
$id=$row["id"];
$location1=$row["location1"];
$location2=$row["location2"];
$location3=$row["location3"];
$location4=$row["location4"];
$options2.="<OPTION VALUE=\"$location1\">".$location1;'</OPTION>';
$options2.="<OPTION VALUE=\"$location2\">".$location2;'</OPTION>';
$options2.="<OPTION VALUE=\"$location3\">".$location3;'</OPTION>';
$options2.="<OPTION VALUE=\"$location4\">".$location4;'</OPTION>';
}
?>
</head>
<body>
<form action="" name="eventform" class="style1" id="eventform" onchange="events()">
<p align="center">
Step 1:
<select name="event" id="event">
<OPTION VALUE=0>Select Event:
<?=$options1?>
</select>
</label>
<?php echo $eventis ?></p>
<div align="center"></div>
<div align="center"></div>
</form>
<form action='sale.php' name= 'locationform' method='get'>
<div id="eventname"></div>
<p align="center">Step 2: Select the location:
<select name="location" id="location">
<OPTION VALUE=0>Select Location:
<?=$options2?>
</select>
</p>
<p align="center">
<input name="event" type="hidden" id="event" value="<?php echo $eventis ?>">
<input name="operator" type="hidden" id="operator" value="<?php echo $operator ?>">
<input type="submit" value="Submit" />
</form>
</p>
</body>
</html>