我有一个项目,我必须做这样的事情: 当用户的页面加载时,他会获得一个个性化的选择框(由PHP为他生成一些选项),然后,当他更改选项时,我必须更改其余内容(在同一页面上)。 例如,让某种用户的选择框为:
现在,我的想法是有一个
<form action="processing.php">
<select name="choice" onChange="submit();">
等应该将用户的选择传递给processing.php。问题是,我希望自动选择第一个选项,并在页面加载时显示该选项的内容 - 某种方式类似于自动提交的第一个选项。
此外,不同类型的用户应该获得不同的选项,我认为我可以使用单个页面来处理这些请求。这可以实现吗?
是否可以帮助我了解如何使用第一个生成的选项自动提交该表单?谢谢。
答案 0 :(得分:1)
您可以使用选择的onChange事件。然后在处理程序中,您可以执行重定向
let sel = document.getElementById('yourselect');
let form = document.getElementById('yourform');
sel.onchange = function() {
form.submit()
}
答案 1 :(得分:0)
您可以使用Javascript轻松绑定选择更改。以下是jQuery的示例:
$('#mySelect').on('change', function(){
// Do your staff
$('#myForm').submit();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
<select id="mySelect" method="post" action="processing.php" name="select_name">
<option value="">Select One</option>
<option value="http://google.com">Google</option>
</select>
</form>