如何从表单元素<select>& lt; option>在PHP中提交表单
How do you take data from form element <select> with <option> into php on form submit?
我有一个像这样的表单。
<form name="myform" action="selectPlayer.php">
<select name="forward" onchange="javascript:submitform(top);">
<option value="-">-------</option>
<option id="forwardAdd" value="add">Add</option>
<option id="forwardChange" value="change">Change</option>
</select>
<select name="center" onchange="javascript:submitform(mid);">
<option value="-">-------</option>
<option id="centerAdd" value="add">Add</option>
<option id="centerChange" value="change">Change</option>
</select>
</form>
我提交表单的selectPlayer.php。在这个页面上,我需要知道这个人是否想要添加一个球员或改变球员在每个选择元素指定的位置。换句话说,如果一个球员想把科比添加到他们阵容的中心位置,我需要在selectPlayer.php中为此设置变量。
这是一个简单的使用Javascript的文档提交函数,如下所示:
<script type="text/javascript">
function submitform(var position)
{
if(document.myform.onsubmit &&
!document.myform.onsubmit())
{
return;
}
document.myform.submit()
}
</script>
我应该把这些变量传递到下一个php页面的脚本?
在php页面的$_POST变量下获得您的选择,同时在您的表单中添加method = "post"
。$_POST['forward']将在此页面的此表单中给出forward选择的选项!
更新:表单
<form name="myform" action="selectPlayer.php" method = "post">
<select name="forward" id="forward">
<option value="-">-------</option>
<option id="forwardAdd" value="add">Add</option>
<option id="forwardChange" value="change">Change</option>
</select>
<input type="submit" name="submit" value="Submit">
</form>
selectPlayer.php
<?php
if(isset($_POST['forward'])){
echo "OK";
}
?>
UPDATE 2:
重要的是要将jquery文件附加到form.phpform.php
<html>
<head>
<script src="jquery-1.9.0.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$(document).on('change', '#name', function() {
//var element = $(this); //USE THESE IN CASE OF MULTIPLE IDENTICAL FORMS AFTER MANIPULATING
//var id = element.attr("id");
var option = $("#name").val(); //obtaining the selected value
var dataString = 'name='+ option; //preparing the datastring to send to get.php
$.ajax({ //using ajax
type: "POST", //request type post, you can use get here
url: "get.php", //page you're sending request
data: dataString, //datastring you are passing
dataType:'html', //responsetype you are wanting
cache: false,
success: function(data){ //in case of successful response from get.php, response is in dataType format inside variable "data"
$("#output").append(data); //doing stuff on this page from response received from get.php
}
});
return false;
});
});
</script>
<form>
<select id="name">
<option >---</option>
<option value="1">ONE</option>
<option value="2">TWO</option>
<option value="3">THREE</option>
</select>
</form>
<div id="output">THINGS WILL COME HERE, DELETE THIS TEXT IN ACTUAL USE<br/></div>
</body>
</html>
get.php
<?php
if(isset($_POST['name'])){
switch($_POST['name']){
case '1': echo "YOU HAVE SELECTED ONE<br/>";
break;
case '2': echo "'nYOU HAVE SELECTED TWO<br/>";
break;
case '3': echo "'nYOU HAVE SELECTED THREE<br/>";
break;
default : break;
}
}
?>
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 如何使用WCF服务和javascript表单post上传.doc文件
- Javascript生成的表单未提交
- 如何使用javascript或html下载PDF格式的填写表单
- HTML表单提交时未执行外部函数
- 如何将输入(type=text)从html表单传递到javascript函数
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- Ajax发布表单序列化,发布引号'
- 多级HTML表单
- 后焦点更改为IE 11中的地址栏,而不是转移到表单中的下一个控件
- 在验证和发送邮件后更改联系人表单的 html
- jQuery表单添加不适用于下拉列表
- Rails/JSON:如何将JSON用于jquery UI自动完成表单
- 如何从pdftron webviewer获取表单数据
- JS验证ajax返回的html中的表单数据
- 根据select option元素将表单重定向到不同的URL,但重定向后未选中
- 在 Ruby on Rails 中使用带有 If 语句的 Select Option 表单
- 至少选择了一个select-option的表单验证
- 如何从表单元素
- 需要从表单中获取Selected Option值,并通过jquery/javascript返回