chalkbox
chalkbox
采纳率100%
2019-08-24 21:55 阅读 917

点击按钮获得两个输入框输入的值

图片说明


八月
七月


点击按钮可以将第一个输入框的值得到,如何使点击按钮得到第一个和第二个输入的值,onclick="showUser(t1.value)"这里面应该怎么写?
onclick="showUser(t1.value&t2.value)"和("+t1.value+""+t2.valu+")都不对。
来人救救孩子吧!!!?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

5条回答 默认 最新

  • 已采纳
    jslang 天际的海浪 2019-08-24 23:56
    onclick="showUser(document.getElementById('t1').value+document.getElementById('t2').value)"
    
    
    点赞 1 评论 复制链接分享
  • u013254183 老铁咖啡 2019-08-24 22:18

    获取值不用写到方法参数里面啊,不明白你为何要写到方法参数中,在方法里面就可以根据元素来获取值呀

    记得引入jquery

    function showUser(){
        var selectVal = $("#t2").val();
        var inputVal = $("#t1").val();
        console.log('下拉选择框的值====' + selectVal + '====输入框的值=====' + inputVal);
    }
    
    
    
    点赞 2 评论 复制链接分享
  • qq_33477377 爱前端不爱恋爱 2019-08-25 17:26

    肯定不对啊 t1 是id , id.value 报错, document.getElementById("t1").value 参数1 ,document.getElementById("t2").value 参数2, 希望对你有帮助,

    点赞 1 评论 复制链接分享
  • guanguan0_0 guanguan0_0 2019-08-28 11:05

    这里主要的难点是js对select选中值的获取问题,看代码

    <html>
      <head>
        <meta charset="utf-8" />
      </head>
      <body>
        <input type="text" id="t1" placeholder="请输入" />
        <select id="t2">
          <option value="八月">八月</option>
          <option value="七月">七月</option>
        </select>
        <button id="btn" onclick="getValue(this)">获取值</button>
    
        <script type="text/javascript">
          function getValue() {
            var value1 = document.getElementById('t1').value;
            var obj = document.getElementById('t2');
            var index = obj.selectedIndex;
            var value2 = obj.options[index].value;
            console.log('t1的值为:' + value1);
            console.log('t2的值为:' + value2);
          }
        </script>
      </body>
    </html>
    

    图片说明

    点赞 1 评论 复制链接分享
  • chalkbox chalkbox 2019-09-01 09:38

    谢谢大家,已经解决了

    点赞 评论 复制链接分享

相关推荐