u010895694
u010895694
采纳率50%
2017-05-11 01:56 阅读 7.5k
已采纳

遍历出来多个input输入框和编辑按钮,当点击任意一个按钮可以获取当前这行input的值!

遍历出来多个input输入框和编辑按钮,当点击任意一个按钮可以获取当前这行input的值!不知道怎么获取,感觉没标识。

 <tr>
    <td><input type="text" name="car_number" class="car_number"></td>
    <td><input type="button" class="save" value="保存" ></td>
</tr>
<tr>
    <td><input type="text" name="car_number" class="car_number"></td>
    <td><input type="button" class="save" value="保存" ></td>
</tr>
<tr>
    <td><input type="text" name="car_number" class="car_number"></td>
    <td><input type="button" class="save" value="保存" ></td>
</tr>
<tr>
    <td><input type="text" name="car_number" class="car_number"></td>
    <td><input type="button" class="save" value="保存" ></td>
</tr>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

7条回答 默认 最新

  • 已采纳
    showbo GoCityPass新加坡曼谷通票 2017-05-11 02:14

    通过dom关系获取,

     <div><input type="text" value="1"/><a href="#" onclick="return getText(this)">获取Text值</a></div>
    <div><input type="text" value="2"/><a href="#" onclick="return getText(this)">获取Text值</a></div>
    <div><input type="text" value="3"/><a href="#" onclick="return getText(this)">获取Text值</a></div>
    <script>
    function getText(a){
    //注意关系,如果a还嵌套在其他容器里面要继续获取parentNode到div节点
    var input=a.parentNode.getElementsByTagName('input')[0];
    alert(input.value)
    return false;
    }
    </script>
    
    点赞 2 评论 复制链接分享
  • u010895694 u010895694 2017-05-11 02:10

    大概是这样。
















    
    
    点赞 2 评论 复制链接分享
  • kun_tostudy kun_hello 2017-05-11 02:04

    this 你可以用jquery 比如

     $("input").click(function(){
         var value = $(this).val(); //值
     });
    
    点赞 评论 复制链接分享
  • hubiao112 hubiao112 2017-05-11 02:38

    2L应该是正解,js用的不多,所以懒得去查了
    获取Text值

    我这边加一下js的使用方案
    function getText(cur){
    var curInputVal = $(cur).val();
    alert(curInputVal);
    }

    点赞 评论 复制链接分享
  • hubiao112 hubiao112 2017-05-11 03:39


    function getval(current){
    var curVal = $(current).val();
    }
    再试试,我自己最近写的,应该没问题的

    点赞 评论 复制链接分享
  • hubiao112 hubiao112 2017-05-11 03:49

    图片说明

    点赞 评论 复制链接分享
  • hubiao112 hubiao112 2017-05-11 05:57

    图片说明
    图片说明
    这是我自己开发的时候用到的,是完全没有问题的,这边主要是传递this,也就是当前元素对象,jquery也不用试封装,原理还是2L的原理不变

    点赞 评论 复制链接分享

相关推荐