.val（值）jquery不工作_Jquery

.val（值）jquery不工作

jquery

.val（值）jquery不工作,jquery,Jquery,我正在使用以下代码尝试jquery.val（vaue）函数来设置属性的值 <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $(".q

我正在使用以下代码尝试jquery.val（vaue）函数来设置属性的值

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>
    $(document).ready(function(){

        $(".qty-btn").click(function(){    

            var $qtyBox = $(".qty-btn").parent().find(".qty-box");
            var $qtyBoxQty = $qtyBox.text();
            var newVal = $qtyBoxQty;
            var form = $(".qty-btn").closest("form");

            if($qtyBoxQty > 0){
                newVal = eval(parseInt($qtyBoxQty) - 1);
                $qtyBox.text(newVal);
            }

            alert( newVal );

            $(".qty-btn").parent().find(".quantity").val(newVal);
            alert( "value = " + $(".qty-btn").parent().find(".quantity").val() );
        });                     


        $("button").click(function(){
            $("input:text").val("Glenn Quagmire");
        });
    });
</script>

</head>
<body>  
<table class="table table-shopping-cart">
    <form action="" method="post" >
        <div class="control-group quantity">
             <div class="controls">
                 <a href="#" class="qty-btn qty-btn-minus">-</a>
                 <div class="qty-box">7</div>
                 <a href="#" class='qty-btn qty-btn-plus blur'>+</a>
                 <span style="display:none;" class="maxQty">1</span>
                 <select name="quantity" style="width: 60px" class="quantity" scliid="261021" id="quantity" >
                     <option value="3" selected="selected" >4</option>
                 </select>
             </div>
         </div>
     </form>
</table>
</body>
</html>

它不起作用。鉴于以下工程：

 alert( "value = " + $(".qty-btn").parent().find(".quantity").val() );

我在这里做错了什么？

实际上

.quantity

是一个

select

的值，当您为select设置值时，这意味着带有该值的

选项必须出现在select
中，但在这里，您在select中只有一个选项，其值为3
，当您将select的值设置为newVal
它不在选择中
<select name="quantity" id="quantity" style="width: 60px" class="quantity" scliid="261021" id="quantity" >
                 <option value="3" selected="selected" >4</option>
                 <option value="4" selected="selected" >5</option>
</select>

这不会有任何作用
$("#quantity").val("10");

以确保获得所选数量。

我将您的代码缩减为：
<div class="controls">
    <a href="#" class="qty-btn-minus">-</a>
    <a href="#" class='qty-btn-plus'>+</a>
    <select id="quantity" style="width:60px" qt="0"></select>
</div>



正函数和负函数。。。我不确定它是否会有帮助，但我希望是请澄清，您有什么结果以及您期望的结果。您要选择的值不在“选择”菜单中。请将其添加到您的选项中。您只能为其设置一个值“3”
$("#quantity").val("10");

$("select.quantity option:selected").val();

<div class="controls">
    <a href="#" class="qty-btn-minus">-</a>
    <a href="#" class='qty-btn-plus'>+</a>
    <select id="quantity" style="width:60px" qt="0"></select>
</div>