我的代码现在可以工作了。谢谢大家!这是最后的代码,以防其他人遇到和我一样的麻烦。
<?php
mysql_connect('localhost', 'root', 'password');
mysql_select_db('database');
$query = "SELECT * FROM classroom";
$result = mysql_query($query);
?>
<select name="select1" id="select1">
<?php
while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) {
?>
<option value="<?php echo $line['classname'];?>"> <?php echo $line['classname'];?> </option>
<?php
}
?>
</select>
<html>
<script type="text/javascript">
var urlmenu = document.getElementById( 'select1' );
urlmenu.onchange = function() {
window.open( "url/viewclass.php?classname=" + this.options[ this.selectedIndex ].value );
};
</script>
</html>
在html中,MATH选项的value属性为空,请像上面的php代码一样填充它。
您应该将viewclass.php?classname=
放在open
方法中,并将其与所选项目连接。
HTML:
<select name="menu1" id="menu1">
<option value="MATH 2072">MATH 2072</option> <!-- php script should fill value -->
<option value="SCIENCE 1072">SCIENCE 1072</option> <!-- php script should fill value -->
</select>
JS:
var urlmenu = document.getElementById( 'menu1' );
urlmenu.onchange = function() {
window.open( 'viewclass.php?classname=' + this.options[ this.selectedIndex ].value );
};
这是一个正在工作的jsfiddle
调用select的onchange
上的函数:-
<select name="menu1" id="menu1" onchange="myFunction()">
<option value="">MATH 2072</option>
</select>
创建函数:-
<script type="text/javascript">
function myFunction(){
var urlmenu = document.getElementById( 'menu1' );
urlmenu.onchange = function() {
window.open( this.options[ this.selectedIndex ].value );
};
}
</script>