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

    谢谢大家，已经解决了

    点赞 评论 复制链接分享
提交

相关推荐