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

图片说明


八月
七月


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

5个回答

onclick="showUser(document.getElementById('t1').value+document.getElementById('t2').value)"

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

记得引入jquery

function showUser(){
    var selectVal = $("#t2").val();
    var inputVal = $("#t1").val();
    console.log('下拉选择框的值====' + selectVal + '====输入框的值=====' + inputVal);
}


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

这里主要的难点是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>

图片说明

谢谢大家,已经解决了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问