如何通過jQuery代碼在HTML中獲得可變性？

Question

我編輯

我有PHP代碼一個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> 

。我有函數getProductBy（$ value）{....}。在我看來，我有網格產品，在我想要的列動作時，選擇選項編輯值將設置變量$值。

Answer 1

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

嘗試這種方式

demo

Answer 2

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 3

按照您在評論中提到

你在some_file.php文件腳本

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

<?php 
$value = $_POST['value']; 

//your funtion here 
function getProductEdit($value) 
{ 
    ..... 
} 
?>