用js给文本框赋值

前端 javascript 1622      收藏
给文本框添加数值的时候,直接用innerHTML是不起作用,此时需要用到value,进行赋值。

给文本框添加数值的时候,直接用innerHTML是不起作用,此时需要用到value,进行赋值:

document.getElementById(str).value=num;就可以把数据写到input框里面去了,在做商城的时候,购物车修改商品数量可以用的到。

<foreach name="cart_list" item="row" key="key">

 <li>

 <div class="shopintro clearfix"> 

  <div class="order_check" >

   <input type="checkbox" class="check" name="check[]" value=""></div>

  <a href="foodcontent.html" class="shopimg floatl">

    <img src="__PUBLIC__/images/shop.jpg" alt="门店照片">

   </a>

   <div class="shopcon floatl" >

   <h3 class="tit">{$row.good_name}</h3>

   <p><b>{$row.good_price}元</b></p>

   <p>数量:

    <input type="button" class="jian{$key}" name="jian{$key}" value="-" onClick="jian({$key});">

    <input type="text"  id="num{$key}" class="num{$key}" style="width:50px;text-align:center;" name="num{$key}" value="{$row.good_num}">

    <input type="button" class="jia{$key}" name="jia{$key}" value="+" onClick="jia({$key});">

   </p>

   <p class="btn fts clearfix"><a href="foodcontent.html" class="floatl orange-btn">订座位</a></p>

   </div>

  </div>

 </li>

</foreach>

//修改商品数量,点击相减事件

    function jian(key){

        var str='num'+key.toString();

        var num=document.getElementById(str).value;

        num=num-1;

        document.getElementById(str).value=num;

    }

    //修改商品数量,点击相加事件

    function jia(key){

        var str='num'+key.toString();

        var num=document.getElementById(str).value;

        num=parseInt(num);

        num=num+1;

        document.getElementById(str).value=num;

    }

自学php博客