将java-script变量传递给相同的表单动作php文件参数

时间:2015-02-04 08:58:25

标签: javascript php html5

有一个带按钮的html表单,我想将点击的按钮值(以javascript变量' tree'获得)传递给与php脚本相同的表单操作。我获取按钮值的javascript就像是,

<script>
function getVal(value)
  {
  var tree =value;      
  }
</script>

在表格上,      

<button type="" name="btn"  value="a" onclick="getVal(this.value)">a</button> 
<button type="" name="btn"  value="b" onclick="getVal(this.value)">b</button> 
<button type="" name="btn"  value="c" onclick="getVal(this.value)">c</button>  

<input type="submit" value="Submit">

基本上,我想做点什么,

<form action="backend.php" **js variable as argument**  method="POST"> 

1 个答案:

答案 0 :(得分:0)

您有两种选择。第一种方法是向表单添加隐藏字段以作为POST数据发送,第二种方法是将其添加到操作中,这将使其成为GET变量。

选项1:

<script>
function getVal(value)
  {
    document.getElementById('buttonValue').value =  value;
  }
</script>

<input type="hidden" name="btnValue" id="buttonValue" value=""/>

选项2:

<script>
function getVal(value)
  {
    document.getElementById('myForm').action =  "backend.php?btnValue="+value;
  }
</script>

<form action="backend.php" id="myForm"  method="POST">

使用第一个选项,您可以使用PHP$_POST['btnValue']中获取值,在第二种情况下,您可以使用$_GET['btnValue']