извлечение значения из smarty и отображение в ajax - PullRequest
Новая
       12

извлечение значения из smarty и отображение в ajax

0 голосов
/ 25 октября 2011

У меня есть следующий код smarty для отображения в таблице .... 

<table id="hor-zebra" summary="DIsh Information">
        <thead>
        <tr>
            <th scope="col">Item Name</th>
            <th scope="col">Item Price</th>
            <th scope="col">Item Type</th>
            <th scope="col">Quantity</th>
        </tr>
    </thead>

{foreach name=f1
         item=k
         from=$res}

         <tbody><tr class="odd">
            <td id="bn"> {$k->b_name}</td>
            <td> {$k->b_price}</td>
            <td> {$k->b_type}</td>
            <td> {$k->b_quantity}</td></tr>
             <tr><td><a href="javascript:remove()">Remove</a></td>
                 <td id="resId"></td></tr>


        {/foreach}
        </tbody></table>

И код ajax: .... 

    function remove(){
   var http = GetXmlHttpObject();
    http.onreadystatechange = function()
    {
        if(http.readyState==4)
        {
            document.getElementById("resId").innerHTML = http.responseText;
            //alert(http.responseText);
        }
    }
    var name = document.getElementById("bn").innerHTML;
    alert(name);

    var url = "index.php?menu=rmv&ajax=ajax&q="+name;
    http.open('POST',url,true);
    http.send(null);
}

Теперь проблема в том, что varname возвращает только первое имя элемента, нажимаю ли я 2-й или 3-й или т. д. ......... мне нужно имя, которое я хочу удалить. Но предупреждение, показывающее только 1-е .......

1 Ответ

0 голосов
/ 25 октября 2011

Попробуйте это: 

<table id="hor-zebra" summary="DIsh Information">
        <thead>
        <tr>
            <th scope="col">Item Name</th>
            <th scope="col">Item Price</th>
            <th scope="col">Item Type</th>
            <th scope="col">Quantity</th>
        </tr>
    </thead>

{foreach name=f1 item=k key = ky from=$res}

         <tbody><tr class="odd">
            <td id="bn{$ky}"> {$k->b_name}</td>
            <td> {$k->b_price}</td>
            <td> {$k->b_type}</td>
            <td> {$k->b_quantity}</td></tr>
             <tr><td><a href="javascript:remove('{$ky}')">Remove</a></td>
                 <td id="resId{$ky}"></td></tr>


        {/foreach}
        </tbody>
</table>

И измените свой JavaScript на: 

function remove(key){
       var http = GetXmlHttpObject();
        http.onreadystatechange = function()
        {
            if(http.readyState==4)
            {
                document.getElementById("resId"+key).innerHTML = http.responseText;
                //alert(http.responseText);
            }
        }
        var name = document.getElementById("bn"+key).innerHTML;
        alert(name);

        var url = "index.php?menu=rmv&ajax=ajax&q="+name;
        http.open('POST',url,true);
        http.send(null);
    }

Дайте мне знать, сработало ли это или нет.

...