Question

我有一个带产品型号的选择框

<select name="name" id="name">
<option value=" ">Seleccione cantidad</option>
<?php  
    $eliminar = $product['model'];
    $terms = substr($eliminar, 0, 9);
    $modelo_query = $this->db->query("SELECT * FROM product WHERE model LIKE '%" . $terms . "%'");
    $modelos = array();
    if ($modelo_query->num_rows > 0) {
        foreach ($modelo_query->rows as $result) {
            $modelos[] = array('modelo'      => $result['model'],);
?>
<option value="<?php echo $result['model']; ?>"><?php echo $result['model']; ?></option>
<?php } } ?>
</select>

当我选择一个选项时，我需要更改此$ product ['product_id']：

onclick="addQtyToCart('<?php echo $product['product_id']; ?>');"

和此：

id="quantity-<?php echo $product['product_id']; ?>"

在此代码中：

<input type="text" name="quantity" value="" class="input-mini" id="quantity-<?php echo $product['product_id']; ?>"/>

<input type="button" value="<?php echo $button_cart; ?>" onclick="addQtyToCart('<?php echo $product['product_id']; ?>');" class="btn btn-cart btn-small" />

addQtyToCart函数：

<script type="text/javascript">
        function addQtyToCart(product_id) {
          var qty = document.getElementById("quantity-" + product_id).value;
          addToCart(product_id, qty);
          document.getElementById("quantity-" + product_id).value = "";
        }
    </script>

Answer 1

在这部分中，您使用的是JavaScript而不是AJAX。

您可以将onchange属性添加到<option>元素，以便在所选选项更改时执行Javascript函数。然后，您可以创建一个新的javascript函数来更改执行以下操作的ID和OnClick属性：

function changeAttributes() {
var myID = document.getElementById('nameOfYourID');
myID.setAttribute('onclick','nameOfYourFunctionToCall');
myID.setAttribute('id', 'newNameOfYourID'); //sets the attribute id to newNameOfYourID
}

用ajax更改变量

1 个答案: