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 =

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

LIKE OR SHARE IT:

admin发表于Code目录下,标签为,转载请保留链接

TOP DOWN
发表评论

您必须 [ 登录 ] 才能发表留言!

  1. 沙 发 不亦乐乎

    沙发要干脆 :v5:

    四月 17, 2013 19:15:39
  2. 板 凳 619影视

    沙发 :v5:

    四月 17, 2013 19:15:48
  3. 地 板 不亦乐乎

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

    四月 17, 2013 19:18:07
  4. 地 毯 郑永

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

    四月 17, 2013 20:22:02
  5. 地 面 xsinger

    omg,深夜来袭,又晚了哦

    四月 18, 2013 02:03:22
  6. 地 下 张书杨

    睡前顶一顶 :cool:

    四月 18, 2013 02:28:24
  7. 7 楼 婴儿游泳池

    又来了

    四月 18, 2013 13:20:10
  8. 8 楼 yxiao

    路过。

    四月 18, 2013 20:26:11
  9. 9 楼 西西电影网

    看起来不错哈 :guzhang:

    四月 18, 2013 22:23:52