想做那种 就是中间一个文本框 输入数量 同时左边是减号 点击下 数量自减 右边是加号 点一下自加
我在网上找了很多代码 都可以用 但是我放进我自己的代码里面都失效 这是为什么?我的页面上是循环显示产品 每个产品里面可以选择数量 其实就是最基本的购物功能,然后数量左右两边有按钮可以直接自增自减。代码插进去什么反应都没有。。现在的代码如下:<script language="javascript" type="text/javascript">
var flag1=0; 
var flag2=0; function NumberInc() 

if(flag1==1 && flag2==1) 
{alert("Error!");} 
else 

if(flag1==1) 

document.all.textbox_qty.value++; 
setTimeout("NumberInc()",100); 

if(flag2==1) 

document.all.textbox_qty.value--; 
setTimeout("NumberInc()",100); 


} function md(obj) 

if(obj.id=="Button1") flag1=1; 
if(obj.id=="Button2") flag2=1; 
NumberInc(); 
} function mo(obj) 

if(obj.id=="Button1") flag1=0; 
if(obj.id=="Button2") flag2=0; 

</script>
while($get_details=mysql_fetch_array($result))
{
                             //....
echo "<form name='shopping_cart_form' method='post' action='include/shopping_cart_form.php' onsubmit='return dosubmit(this);'>";
echo "<div id='item_details' style=''>";
echo "<div id='item_label'>";
echo "<div id='dish_price'>";
echo "<a style='font-size:30pt; margin-top:20px; float:left;'>\$</a>";
echo "<a style='font-size:50pt; margin-top:40px; float:left;'>$prices[0]</a>";
echo "<a style='font-size:10pt; margin-top:40px; float:left;'>.</a>";
echo "<a style='font-size:20pt; margin-top:30px; float:left;'>$prices[1]</a>";
echo "</div>";
echo "<div id='dish_img'><img src='css_and_img/$dish_img' style='width: 320px; height:160px; border:none' border=none></div>";
echo "</div>";
echo "<div id='item_info'> ";
echo "<div id='dish_name'>$dish_name</div>";
echo "<div id='dish_descr'>Description: $dish_descr</div>";
echo "<div id='add_to_function'>&nbsp;&nbsp;Qty:";
echo "<input type=‘button’ ID=‘Button2’ value=‘-’ onMouseDown=‘md(this)’ onMouseOut=‘mo(this)’ onMouseUp=‘mo(this)’ >";
echo "<input class=’txt_qty‘ type=’text‘ name=’textbox_qty‘ id=‘textbox_qty’ value=‘1’ $disabled/>";
echo "<input type=‘button’ ID=‘Button1’ value=‘+’ onMouseDown=‘md(this)’ onMouseOut=‘mo(this)’ onMouseUp=‘mo(this)’ >";

echo "<input class='add_button' type='submit' name='btn_add' id='btn_add' value='Add to Cart' $disabled/>";
echo "</div>";

echo "</div>";
echo "</div>";
echo "</br>";
echo "</form>";
}

解决方案 »

  1.   

    自己写一下就行了,两个按钮,一个+,一个-,onclick改一下计数,计数当做tag的一个属性。
      

  2.   

    大侠回复真快  我想改帖子来着 都没来得及 我现在自己改了一份 但是只能增不能减 这是为什么?<script language="javascript" type="text/javascript">
      function add(obj){    var p =obj.parentElement;    var t =p.getElementsByTagName("input")[1];    t.value = t.value*1 +1;  }    function min(obj){    var p =obj.parentElement;    var t =p.getElementsByTagName("input")[1];    t.value = t.value*1 -1;  }
    </script>
    while($get_details=mysql_fetch_array($result))
    {
                               //...
    echo "<form name='shopping_cart_form' method='post' action='include/shopping_cart_form.php' onsubmit='return dosubmit(this);'>";
    echo "<div id='item_details' style=''>";
    echo "<div id='item_label'>";
    echo "<div id='dish_price'>";
    echo "<a style='font-size:30pt; margin-top:20px; float:left;'>\$</a>";
    echo "<a style='font-size:50pt; margin-top:40px; float:left;'>$prices[0]</a>";
    echo "<a style='font-size:10pt; margin-top:40px; float:left;'>.</a>";
    echo "<a style='font-size:20pt; margin-top:30px; float:left;'>$prices[1]</a>";
    echo "</div>";
    echo "<div id='dish_img'><img src='css_and_img/$dish_img' style='width: 320px; height:160px; border:none' border=none></div>";
    echo "</div>";
    echo "<div id='item_info'> ";
    echo "<div id='dish_name'>$dish_name</div>";
    echo "<div id='dish_descr'>Description: $dish_descr</div>";
    echo "<div id='add_to_function'>&nbsp;&nbsp;Qty:";
    echo "<input type='button' value='-' onclick='min(this)'>";
    echo "<input class=\"txt_qty\" type=\"text\" name=\"textbox_qty\" id=\"textbox_qty\" value=\"1\" $disabled/>";
    echo "<input type='button' value='+' onclick='add(this)'>";
    echo "</div>";

    echo "</div>";
    echo "</div>";
    echo "</br>";
    echo "</form>";
    }
      

  3.   

    因为Min和库函数重复了,改名