如何通过jquery代码在html中获得有效性

Question

我编辑了

我有一个html

<select name="action-grid">
    <option  selected > Select</option>
    <option  value="1" >Edit</option>
</select>   
<select  name="action-grid">
   <option  selected > Select</option>
   <option  value="2" >Edit</option>
 </select>
<?php $_product = $this->getProductBy($values);?>
<div><?php echo $_product->getName();?></div>

在php代码中。我有函数getProductBy（$value）｛…｝。在视图中，我有网格产品，在列操作中，当选择选项时，编辑值将设置变量$value。

Answer 1

Html代码，（假设包含Jquery）

<script type="text/javascript">
 function getNewFunction(val) {
  $.ajax({
    url: "./myPhp.php",
    method: 'POST',
    data: {
        'value': val
    },
    success: function(res) {
        console.log(res);
    }
  });
 }
</script>    
<select onchange="getNewFunction(this.value)" name="action-grid">
 <option  selected > Select</option>
 <option  value="1" >First</option>
</select>

myPhp.php

<?php
    echo $_POST['value'];
?>

Answer 2

如您在评论中所述

您的脚本

<script type="text/javascript"> 
    function getNewFunction(gridValue){
        $.ajax({
            type: 'POST',
            url : 'some_file.php',
            data: {value: gridValue},
            success: function(response) {}
        })
    }
</script>

在some_file.php文件中

<?php
$value = $_POST['value'];
//your funtion here
function getProductEdit($value)
{
    .....
}
?>

Answer 3

<select onchange="getNewFunction($('option:selected', this))" name="action-grid">
    <option selected>Select</option>
    <option value="2">Second</option>
</select>
<script type="text/javascript">
    function getNewFunction(value) {
        alert(value.text());
    }
</script>

试试这种方式

演示