使用 PHP 变量作为 ID 并从 Javascript 调用

Question

Im using this is an ID

 $id = $row['id'];
 echo "<input type='text' id='$id' value='$row["s_code"]'>";

How can I get that ID in javascript function? I want it in here...

 var scode  = $('#').val();

While loop..

    while ($row = mysqli_fetch_array($sqlSimplex , MYSQLI_ASSOC)) {
        echo "<tr><td>";
        $id = $row['id'];
        echo "<input type='text' id='$id' value='".$row['s_code']."' readonly>";
        echo "</td><td>";
        echo $row['description'];
        echo "</td>";
        echo "<input type='hidden' id='comval'  value='$newProductID'>";
        echo "<td>";
        echo "<input type='text' size='7' id='userqtyval'>";
        echo "</td><td>";
        echo "<input type='button' onclick='addthis()'  value='Add!'>";
        echo "</td></tr>";  

    }

Javascript

  function addthis() {

            var myID = '$id';
            var scode = $("#"+myID).val();


            alert(scode);
                $.ajax({
                    type: 'POST',
                    url: 'insertsimplextoc_comp.php',
                    data: { simplexcode: scode },
                }); 
    }

Been stuck on this for over a week!

Answer 1

PHP:

while ($row = mysqli_fetch_array($sqlSimplex , MYSQLI_ASSOC)) {
    echo "<tr><td>";
    $id = $row['id'];
    echo "<input type='text' id='$id' value='".$row['s_code']."' readonly>";
    echo "</td><td>";
    echo $row['description'];
    echo "</td>";
    echo "<input type='hidden' id='comval'  value='$newProductID'>";
    echo "<td>";
    echo "<input type='text' size='7' id='userqtyval'>";
    echo "</td><td>";
    echo "<input type='button' class='submit-scode' data-field-id='$id' value='Add!'>";
    echo "</td></tr>";  
}

Javascript (using jQuery click event):

$('.submit-scode').click(function(){
    var field_id = $(this).attr('data-field-id');
    var scode = $("#"+field_id).val();

    $.ajax({
        type: 'POST',
        url: 'insertsimplextoc_comp.php',
        data: { simplexcode: scode },
    }); 
}); 

Untested, but it should work.

Answer 2

Add the id of the current loop as a parameter to the addthis function:

echo "<input type='button' onclick='addthis(\"$id\")'  value='Add!'>";

Then grab the id when the function is called like so:

function addthis(myID)
{
     var scode = $("#"+myID).val();
     //etc
}

Answer 3

have to keep track of that dynamic id's
It you have that id then you can do something like this
var id="assign php varable";
var scode =$('#'+id).val();

Answer 4

I'm guessing you want it to be used in the addthis() function ?

In this case, you'll hve to give a similar class to all your readonly inputs .

Then, while clicking on the add button, you'll have to check for its parent <tr>

I made some example here : http://jsfiddle.net/captain_torche/frzadnbb/

---

Or, you could alteratively put the ID as a parameter of the addthis() function, like so :

echo "<input type='button' onclick='addthis(".$id.")'  value='Add!'>";