jquery选择器成功ajax

时间:2014-01-21 14:15:37

标签: jquery ajax selector

我正在使用ajax函数将数据粘贴到php脚本中。成功后,我查询数据库并回显所有这些:

include ("Database/RepairsdbConn.php");
$qryItem = $conn->prepare("SELECT SAP, Name FROM tblusedmaterial WHERE item = ?");
$Key = $_POST[MaterialTypeID];
$qryItem->execute(array($Key));
while($item = $qryItem->fetch(PDO::FETCH_ASSOC)) {
    echo '<div class="row">
            <div class="col-md-4">
                <input type="text" value="'.$item['SAP'].'" class="form-control input-sm">    
            </div>
            <div class="col-md-4">
                <input type="text" value="'.$item['Name'].'" class="form-control input-sm" style="width: 300px">
            </div>
            <div class="col-md-2">
                <input type="text" class="form-control input-sm" style="width: 40px">    
            </div>
            <div class="col-md-4">
                <button type="button" class="btn btn-default btn-xs" id="AddQuantity">
                    <span class="glyphicon glyphicon-plus"></span>
                </button>
            </div>
            </div>
            <p></p>';
}

这将创建一个包含数据库中所有产品的表单,并使用输入添加数量,单击按钮(+)以增加数量。

当我在jquery上引用按钮时,没有任何反应。

        $('#AddQuantity').click(function () {
            alert('TEST');
        });

我怎样才能只参考一次按钮?

1 个答案:

答案 0 :(得分:0)

从按钮中删除id并选择带有类

的按钮
    $('.col-md-4 .btn').on('click', function () {
        alert('TEST');
    });