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

这几天略忙没怎么折腾,今天研究了一下用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>

效果如下:


x 2 = 2

JS法

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

<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>

效果如下:

x 2 = 2

25 Comments

Name *

E-mail *

Website

  1. 不亦乐乎

    沙发要干脆 :v5:

  2. 619影视

    沙发 :v5:

  3. 不亦乐乎

    这么说,我的问题搞定了?

    • 小蝴蝶

      @不亦乐乎 你那个要加不少判断 不过大体路子就这样了..

  4. 郑永

    xhdSelect程序员都喜欢把自己的名字写进去,哈哈。。不过代码也更体贴一点。

  5. xsinger

    omg,深夜来袭,又晚了哦

  6. 张书杨

    睡前顶一顶 :cool:

  7. 婴儿游泳池

    又来了

  8. yxiao

    路过。

  9. 西西电影网

    看起来不错哈 :guzhang: