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

这里是用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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值