php和javascript各自方法显示选中的下拉框的值

最新推荐文章于 2023-03-26 16:18:49 发布

cdcdhj

最新推荐文章于 2023-03-26 16:18:49 发布

阅读量141

点赞数

分类专栏： php学习笔记文章标签： php javascript

本文链接：https://blog.csdn.net/cdcdhj/article/details/113485444

版权

php学习笔记专栏收录该内容

78 篇文章 0 订阅

订阅专栏

这里是用php获取表单中的选中项的值

<html>
<head>
<meta http-equiv="content-type" content="text/html charset=uft-8"/>
<title></title>
</head>
<body>
<form method="post" action="" name="form1">
<table width="280" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="80" height="20" align="center"><span class="style2">意见主题：</span></td>
<td width="194">
<select name="select[]" size="1" onchange="change()">　　//这里添加change表示改变时触动函数
<option value="公司发展" selected>公司发展</option>
<option value="管理制度">管理制度</option>
<option value="后勤制度">后勤制度</option>
<option value="员工制度">员工制度</option>
</select>
<input type="submit" name="submit" value="提交">
</td>
</tr>
</table>
</form>
<p id="p1"></p>
<?php　　//用php获取选中项的值,然后输出到页面
if($_POST['select']!=''){
	echo "你选择的意见主题为<br>";
	for($i=0;$i<count($_POST['select']);$i++){
		echo $_POST['select'][$i];
	}
}
?>
<script>  //这里是用javascript获取选中项的值
function change(){
	var form1=document.forms[0];
	console.log(form1);
	var select=form1.elements['select[]'];
	var dan=select.options[select.selectedIndex].value;　　　//这里有一个关键是selectedIndex表示选中项的索引
		var p=document.getElementById('p1');
		p.innerHTML=dan;
	}
</script>
</body>
</html>