在jquery中呼叫類方法

嘿，我正在嘗試構建一個簡單的庫存程式。我有這樣的課：

    <?php
    class category
    {
    public static $catoptSupplies=array(
        "Cleaning Supplies",
        "Guest Supplies",
        "Printing Supplies"
        );
    public static function loopcat3()
        {
            $loop3=category::$catoptSupplies;
            $spnum=1;
            foreach ($loop3 as $prnloop3) 
            {   
                echo "<option value='spcat$spnum'>$prnloop3</option>";
                $spnum  ;

            }
        }

    }

?>

現在我想在我的表中附加包含這樣的選擇選項的行：

 <script>
    $(document).ready(function(){
        var count=1;
        $('#addMsGDRow').click( function(){
            count = count 1;
            var addMsGDRow ='<tr id="row' count '">\
                                    <td>\
                                        <select style="font-size: 12px; width: 83%; text-align: center;">\
                                            <option>--Choose Category--</option>\
                                            <?php echo category::loopcat3(); ?>
                                        </select>\
                                    </td>\
                                    <td>\
                                        <select style="font-size: 12px;  text-align: center;">\
                                            <option>Unit</option>\
                                            <option>Meter</option>\
                                            <option>Pcs</option>\
                                        </select>\
                                    </td>\
                                    <td><input type="text" name="" style="width: 70px;"></td>\
                                    <td><input type="text" name="" style="width: 140px;"></td>\
                                    <td>\
                                        <textarea style="width: 121px; height: 43px;"></textarea>\
                                    </td>\
                           <td><input type="number" name="" style="width: 75px;" min="0"></td>\
                           <td><input type="number" name="" min="0" style="width: 100px;"></td>\
                           <td><input type="number" name="" min="0" style="width:140px;"></td>\
                           <td><button type="button" name="remove" data-row="row' count '" class="btn btn-danger btn-xs removemsgd">-</button></td>\
                                </tr>';
            $('#tableMsGoods').append(addMsGDRow);
        });
        $(document).on('click', '.removemsgd', function(){

          var delete_row=$(this).data("row");
          $('#' delete_row).remove();

      }); 
    });
</script>

但是如果使用普通的 php 行呼叫我的類，則不會添加新行。但是，如果我洗掉 php 行，它會添加一個新行。那么，我如何在 jquery 中呼叫我的類？

uj5u.com熱心網友回復：

靜態PHP函式被呼叫，但問題是，它回傳一個單引號字串，這恰好分隔符，你在JavaScript中使用是字串，所以在一個地方JS字串字面終止你不希望它結束. 此外，您\在 JS 字串文字中的每一行都使用了行繼續符，但不在 PHP 生成的內容之后使用，因此這也會破壞字串文字。

最簡單的解決方案是使用 JS 中的反勾號字符來分隔您的字串，使其成為模板文字。這樣你也不需要行繼續符。

所以像這樣：

var addMsGDRow = `
    <tr id="row' count '">
        <td>
            <select style="font-size: 12px; width: 83%; text-align: center;">
                <option>--Choose Category--</option>
                <?php echo category::loopcat3(); ?>
            </select>
        </td>
        <td>
            <select style="font-size: 12px;  text-align: center;">
                <option>Unit</option>
                <option>Meter</option>
                <option>Pcs</option>
            </select>
        </td>
        <td><input type="text" name="" style="width: 70px;"></td>
        <td><input type="text" name="" style="width: 140px;"></td>
        <td>
            <textarea style="width: 121px; height: 43px;"></textarea>
        </td>
        <td><input type="number" name="" style="width: 75px;" min="0"></td>
        <td><input type="number" name="" min="0" style="width: 100px;"></td>
        <td><input type="number" name="" min="0" style="width:140px;"></td>
        <td><button type="button" name="remove" data-row="row' count '" class="btn btn-danger btn-xs removemsgd">-</button></td>
    </tr>`;

標籤：javascript php html 查询

上一篇：laravel：如何一次更新多行？

下一篇：如果是相對路徑，則將域添加到<img>src屬性值