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

图片说明


八月
七月


点击按钮可以将第一个输入框的值得到,如何使点击按钮得到第一个和第二个输入的值,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问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

设置一个按钮两个输入框 第一个框输入内容后 点击按钮后第二个框显示第一个框输入的翻转值

设置一个按钮两个输入框 第一个框输入内容后 点击按钮后第二个框显示第一个框输入的翻转字符串 比如输入 12345 后面显示54321

jsp中有两个输入框,第一个输入数据后,自动算出第二个框的数

比如,我要第一个框时数量,根据第一个输入框输入的数据,自动算出第二个框的数据,并显示出来。这个问题哪位大神给解决一下,感激不尽!

C#winform中的按钮点击事件中如何跳转到输入框输入数据才继续按钮中的事件?

如下面的代码,我要怎么跳转到输入框,好像是说manualResetEvent可以做到,可是我用了manualResetEvent会造成窗体假死,新手求大神指教, private void button13_Click(object sender, EventArgs e) { float totalCost = 0; foreach(float cost in TotalCost) { totalCost += cost; } listBox1.Items.Add("---------------------------"); listBox1.Items.Add("您一共消费了" + totalCost + "元"); //转到输入框输入金额,然后找钱, } 我想做的是一个非常简单的收银系统,消费总金额已得到并已显示到listbox控件上,现在是想在button事件中得到消费总金额后跳转到textbox中输入顾客给的钱数并找补,然后一并显示到listbox控件上,就像超市小票上一样,有个消费总额,还有顾客给的钱数,找零

遍历出来多个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> ```

各路大神,点击一个按钮,弹出一个框,可以让用户输入,应该怎么写。另外,如何对用户输入的内容与数据库进行搜索,查看是否存在并显示出来。

![图片说明](https://img-ask.csdn.net/upload/202004/26/1587880570_396606.png)![图片说明](https://img-ask.csdn.net/upload/202004/26/1587880597_657923.png) 点击一个按钮,弹出图中的输入框应该怎么写。 最好有代码,谢谢!!!

在JFrame1中如何拿到Jframe2中输入框的值

在JFrame1中如何拿到Jframe2中输入框的值,JFrame2中有好多输入框

图形用户界面如图所示,在文本框中输入两个数字,点击“加”按钮,在标签中显示相加结果。

图形用户界面如图所示,在文本框中输入两个数字,点击“加”按钮,在标签中显示相加结果。

编写tkinter输入框功能的问题

请问一下 如何实现用一个button使两个输入框里非默认值的文本进行交换

Android如何清除输入框的内容

我想请教大家如何实现类似于QQ账号登录,用户名,密码两个输入框,当我点击用户名输入框里面最右边的删除图标时如何同时清空用户名,密码两个输入框里面的内容

如何实现:点击一个按钮,然后用户可以在一个EditText中输入一些信息

在屏幕上有一个EditText(edit)和一个Button(btn) 用户可以点击EditText来输入一些信息,我想实现当用户单击按钮时,用户可以在 EditText中输入一些信息。 btn.setOnClickListener(new View.OnclickListener() { public void onClick(View v) { edit.requestFocus(); edit.performClick(); } }); 用的上面的代码没有实现,尽管edit获得焦点,但是不能显示IME。

Java AWT中如何输入文本,点击按钮后将文本输入到屏幕上

按照图片所展示的内容进行解释应该要清楚点。 ![图片说明](https://img-ask.csdn.net/upload/202004/23/1587632481_890279.png) 我现在想的是在Enter Text后面的Text Field输入东西,然后点击send,屏幕上方显示我输入的东西,也就是123.我现在是用了另外一个textfield(在屏幕上方)显示出我在下方输入的文本。但是我想的是实现下图这样的效果。 ![图片说明](https://img-ask.csdn.net/upload/202004/23/1587632717_777780.png) 下图这种看不出来是textfield,而且充满了除了下方按钮 TextField Label的整个屏幕。 想问下大家如何实现这样的功能。

用安卓做一个加法算器,在前二个文本编辑框中输入整数,单击按钮“=”时,在第三个文本编辑框中显示这两个数之和

用安卓做一个加法算器,在前二个文本编辑框中输入整数,单击按钮“=”时,在第三个文本编辑框中显示这两个数之和![图片说明](https://img-ask.csdn.net/upload/202003/15/1584277584_828114.png)

javaweb怎么样在点击按钮以后,弹出一个对话框,对话框里面要有文本框

例如当点击修改按钮以后,弹出一个对话框,里面有两个文本框还有一个保存按钮,如何实现这个功能

如何在选择一个选项后,有选择的弹出输入框

各位朋友们,新手Python,遇到问题,想请求各位帮忙,感谢! 问题描述:我写了一段代码,如下图 from tkinter import * root = Tk() root.title("元素周期表") def cal(): master = Tk() v1=StringVar() v2=StringVar() v3=StringVar() frame = Frame(master) frame.pack(padx=10,pady=10) Entry(frame,width=10,textvariable=v1).grid(row = 0, column = 1) Entry(frame,width=10,textvariable=v2).grid(row = 1, column = 1) Entry(frame,width=10,textvariable=v3).grid(row = 2, column = 1) Button(frame,text="数1").grid(row=0,column=0) Button(frame,text="数2").grid(row=1,column=0) Button(frame,text="数3").grid(row=2,column=0) Button(root,text="选择",command=cal).grid(row=2,column=1) Button(root,text="输入一个数",command=cal).grid(row=2,column=1) Button(root,text="输入另一个数",command=cal).grid(row=2,column=2) mainloop() 实现的时候会出现如下图所示的: 然后会在点击任意一个按钮的时候出现第二个图 想要的结果:想要实现,点击哪个出来哪个,如点击输入一个数,只是输入数1(数1和输入一个数对应),其他的两个数2数3不显示 或者各位鱼友有什么其他好的组合也特别感谢告诉我,实现的目标就是执行出来很多按钮可以选择,然后选择的按钮会编程有输入框的东西; 另外,还想让数1和数2通过计算得到数3,定义了函数,但是总是报错,不知道为什么,感谢各位![图片说明](https://img-ask.csdn.net/upload/201807/03/1530582261_26717.png)![图片说明](https://img-ask.csdn.net/upload/201807/03/1530582281_612772.png)

一个input文本框如何获取另一个文本框输入的内容,两个input文本框在两个JSP页面

![这是页面展示,第一个文本框是查询的条件,第二个是将查询条件填充到文本框中](https://img-ask.csdn.net/upload/201705/10/1494414788_372110.png) ![这是查询的文本输入框](https://img-ask.csdn.net/upload/201705/10/1494414868_961328.png) ![这是弹出框的文本框](https://img-ask.csdn.net/upload/201705/10/1494414896_535029.png)

iqkeyboardmanager 单输入框没有done按钮

放两个输入框 点击后键盘上会有上一个,下一个,完成这三个按钮, 可是只放一个输入框的话,这三个按钮都没了,好歹给我留个完成按钮吧, 请问怎么做到???

wpf应用程序中如何实现点击某个按钮,打开另一个独立的wpf程序

如题,需要在一个wpf程序中实现点击按钮,打开另一个独立的WPF程序,wpf程序的地址是已知的,且两个程序间不需要关联操作,只需要打开即可。

安卓作业,点击按钮计算EditText的值输出给X(强制float)

请各位大神帮下。点击按钮接受两个EditText的值并相加,把答案符给X(强制float),在把X的平方根赋值给Y(float),如果X合理,则在textview里输出Y(float,保留3位小数)。 我的代码应该是接受值那里错了,怎么算得出来的都是0.0

设计HTML和JavaScript程序,要求在文本框中输入三个数字,按下查询按钮以后,利用alert输出三个数字之和

![图片说明](https://img-ask.csdn.net/upload/202003/16/1584331959_562489.png)

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c# cad插入影像 c#设计思想 c#正则表达式 转换 c#form复制 c#写web c# 柱形图 c# wcf 服务库 c#应用程序管理器 c#数组如何赋值给数组 c#序列化应用目的博客园
立即提问