xanka
xanka

Reputation: 153

How do get valiable in html via jquery code?

I Edited

I have a 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>

in code php. i have function getProductBy($value){....}. in view i have grid product, in column action i want when chose option edit value will set variable $value.

Upvotes: 0

Views: 109

Answers (3)

Shankar Sengalani
Shankar Sengalani

Reputation: 302

Html code, (Assuming Jquery included)

<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'];
?>

Upvotes: 2

Apb
Apb

Reputation: 944

As per you mentioned in comments

Your script

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

in some_file.php file

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

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

Upvotes: 1

guradio
guradio

Reputation: 15555

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

try this way

demo

Upvotes: 0

Related Questions