我有一个表格:
<form action="results.php" method="get">
<select name="genres[]">
<option value="jazz"></option>
<option value="blues"></option>
<option value="rock"></option>
</select>
</form>
提交表单后,在 URL 中输入的内容变为example.com/?genres%5B%5D=jazz&genres%5B%5D=blues&genres%5B%5D=rock
除此之外,它看起来不是很好,我的表单中有多个输入(以及大约 18 种流派),所以如果用户选择很多,URL 就会变得很长。我希望它变得/?genres=jazz,blues,rock
现在我已经阅读了这篇文章,但它没有说明如何制作更干净的 URL。接下来,我必须将输入用作数组,例如$genres = $_GET['genres']
在另一个函数中使用。
你可以这样做:
<!doctype html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
$("#go").click(function(){
var g = $("#genres").val();
var href = 'results.php?genres=';
if(g != null) {
href += g;
}
document.location.href=href;
});
});
</script>
</head>
<body>
<select id="genres" size="3" multiple>
<option value="jazz">jazz</option>
<option value="blues">blues</option>
<option value="rock">rock</option>
</select>
<input type="button" value="go" name="submit" id="go">
</body>
</html>
在结果中.php您应该:
$g = isset($_GET['genres'])?$_GET['genres']:"";
$genres = explode(",",$g);
我已经完全删除了表格,因为这些流派现在由document.location.href
发送。jquery 的.val()
函数返回选定的值,如预期(由 ,
内爆)