Selcect表单取值运算的两种方法

php中文网

发布： 2016-06-06 20:08:56

原创

1220人浏览过

这几天略忙没怎么折腾,今天研究了一下用select表单取值进行运算的方法,感觉JS版不是什么新鲜玩意儿,但PHP版本好像还没见人写过,所以一起写出来顺便除除草. 我是边吃饭边写的,写完我就吃完了,吃完我就出去了,最近没有时间一个个看评论,大概得等什么时候我状态

这几天略忙没怎么折腾,今天研究了一下用select表单取值进行运算的方法,感觉JS版不是什么新鲜玩意儿,但PHP版本好像还没见人写过,所以一起写出来顺便除除草.
我是边吃饭边写的,写完我就吃完了,吃完我就出去了,最近没有时间一个个看评论,大概得等什么时候我状态好点才会回复了吧.
希望你们还是那么深深的思念我.

PHP法

php需要通过$_post获取由表单提交传过来的值,所以需要点击按钮提交后才能实现运算,

<form name="formPhp" action="" method="post">
<?php
$number=$_POST["number"]; //获取表单传递来的select值
?>
<input type="submit" name="xhdSubmit" value="计算">
<select name="number">
	<option value="1" <?php if($number == "1"){echo "selected";}?>>1</option>
	<option value="2" <?php if($number == "2"){echo "selected";}?>>2</option>
	<option value="3" <?php if($number == "3"){echo "selected";}?>>3</option>
	<option value="4" <?php if($number == "4"){echo "selected";}?>>4</option>
</select>
x 2 =
<?php if(isset($_POST["xhdSubmit"]) && !empty($_POST["xhdSubmit"])){//判断是否提交过表单来决定是否显示结果
	$result = $number*2;//运算
	echo $result;
	} else {
	echo "2";
	}
?>
</form>

登录后复制

效果如下:

JS法

JS法无需刷新页面,会实时显示结果

JoyPix AI

轻松制作AI视频、AI数字人，支持文生视频、声音克隆

243

查看详情

<form name="formJs" method="post">
<select name="xhdSelect" onchange=getResult(this.value)>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>
	</select>x 2 = <span id="result">2</span>
</form><script>
function getResult(){
	var number = document.formJs.xhdSelect.value;//获取select值
	document.getElementById("result").innerHTML= number*2;//重写元素显示运算结果
}
</script>

登录后复制

效果如下:

原文地址：Selcect表单取值运算的两种方法, 感谢原作者分享。