通过每个框的单个按钮从每个输入框中获取值
，是指通过点击每个输入框旁边的按钮，来获取该输入框中的值。这种方式可以用于用户输入数据后，通过点击按钮来触发相应的操作，例如提交表单、执行计算等。
在前端开发中，可以使用JavaScript来实现这个功能。首先，需要给每个输入框和按钮添加相应的id属性，以便通过JavaScript获取元素。然后，通过JavaScript的DOM操作，可以获取到每个输入框的值，并进行相应的处理。
以下是一个示例代码，演示如何通过按钮获取输入框的值：
HTML部分：
<input type="text" id="input1">
<button onclick="getValueFromInput1()">获取值</button>
<input type="text" id="input2">
<button onclick="getValueFromInput2()">获取值</button>JavaScript部分：
function getValueFromInput1() {
var input1Value = document.getElementById("input1").value;
// 对获取到的值进行处理
console.log("输入框1的值为：" + input1Value);
}
function getValueFromInput2() {
var input2Value = document.getElementById("input2").value;
// 对获取到的值进行处理
console.log("输入框2的值为：" + input2Value);
}在上述示例中，通过getElementById方法获取到输入框的值，并通过console.log输出到控制台。你可以根据实际需求，对获取到的值进行进一步的处理，例如发送到后端进行数据处理或展示给用户。
需要注意的是，上述示例中的代码仅为演示目的，实际应用中可能需要根据具体情况进行适当的修改和扩展。
关于云计算、IT互联网领域的名词词汇，可以根据具体的问题提供相应的解答。
相关·内容
我已经创建了一个虚拟键盘，并试图用显示在按钮上的字母填充输入框。我的职能如下：
该函数接受一个字符并生成一个以字符为值的按钮：
function keyButton(char) {
var btn = document.createElement("button"); //create button
btn.innerText = char; //fill it with char
btn.id = "btn";
keyStroke()
return btn;
}
此函数为所有字母创建一个按钮：
var keyList = "QWER
浏览 4提问于2016-12-12得票数 4
回答已采纳
1回答
我正在创建一个前端来查看mysql数据库，该数据库具有按特定条件(如年龄和性别)进行过滤的选项，以及用于删除数据库中特定条目的选项。
我使用这个作为构建一切的指南。
到目前为止，我所拥有的是: mysql -验证用户，创建带有输入框的基本view.php，以便定义过滤器，提交按钮，javascript函数，从输入框读取值并调用ajax.php，basic html来显示mysql查询的结果。
ajax.php -连接到mysql，从view.php获取输入值，从输入值构建mysql查询，创建一个包含所有mysql查询结果的表，该表由view.php显示。
在mysql查询结果的每一行中，我都有
浏览 4提问于2012-05-05得票数 0
回答已采纳
如何在不提交表单数据的情况下获得两个输入框数据，然后单击按钮并在另一个输入框中显示结果？
_________________________
ROI:|_________________________|
_________________________
Princilpe: |_________________________|
_________________________
Time: |_________________________|
_________________________
C
浏览 2提问于2014-08-22得票数 0
回答已采纳
7回答
我有这段代码，我不知道如何从输入框中获取值。这是我的html代码：
<div id = "login">
<p>User <input type = "text" id = "username"></p>
<p>Password <input type = "password" id = "password"></p>
<button on
浏览 4提问于2016-06-07得票数 1
回答已采纳
1回答
我有一个输入框。基于上下箭头按键，我希望讲述者从一个列表中读取值，这个列表是这个输入框中的一个兄弟元素，也就是说，在按下时，叙述者应该从列表中读取下一个元素，反之亦然(注意，实际的焦点总是在输入框上)。做这个的好方法是什么？如果你需要更多关于场景的信息，请发表评论。
浏览 1提问于2017-06-14得票数 1
1回答
在我的HTML页面中，我只有一个输入框和一个输出框。
我的Ruby脚本只是从输入框中提取值，计算并需要在输出框中显示输出。
我如何在我的HTML代码中做到这一点？
浏览 1提问于2011-04-24得票数 4
回答已采纳
2回答
如何从多个输入框收集数据？
、、、、
我正在创建一个聚合物应用程序，其中搜索按钮有几个输入框输入。从输入框的集合中，搜索按钮应该执行搜索操作，考虑到所有输入。
以下是场景的图像-
{铁制}是其中一种选择，但我想要一些新的，轻松的。请帮帮我。
浏览 3提问于2017-01-07得票数 0
回答已采纳
var letter = document.getElementById("in_text").value;
从输入框中获取值
如何将输入的字母转换为数字例如A=1 B=2 C=3 ....and how to calculate =
例如：
输入：demo
输出：37(4 + 5 + 13 + 15)
浏览 0提问于2016-01-31得票数 1
我试图使用eventListener检查输入框(type="number")中的输入：
aE.addEventListener("input", (e) => {
console.log(aE.value);
}
但是，我真正需要的是eventListener来获取输入框中value中的任何更改。这个特定的输入框有一个选择，用户可以在其中选择几个常量的数值选项之一。但是，当前的eventListener方法不会从该选择中提取值的变化。
当输入框发生变化时，获得输入框值的正确语法是什么？
浏览 7提问于2022-11-19得票数 0
我一直在使用使用Tkinter创建的GUI编写python程序。我需要获取一个可变项目数的用户条目，然后获取用户输入的值，以便稍后在程序中使用。目前，我通过在字典中迭代，并为字典中的每个键创建和添加一个新的输入框来实现这一点。我遇到的问题是，以后我无法访问这些输入框，因为它们没有存储在可访问的变量中。
这是我正在使用的代码的一个非常基本的示例(虽然在我的代码中，而不是像sample_list这样的列表中，我从一个具有不同数目的键值对的单独文件中导入字典)：
import tkinter as tk
from tkinter import ttk
root = tk.Tk()
frame =
浏览 1提问于2022-03-26得票数 0
3回答
我使用js从范围滑块中获取值。现在我想在输入框中显示出来。
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value;
slider.oninput = function() {
output.innerHTML = this.value;
}
<input type="range" min="1" max="1
浏览 0提问于2019-09-12得票数 1
所以这是一个两难的问题。1.我想使用jquery根据用户在表单中选择的值更新输入框中的值。2.表格由一个下拉选择和两个输入框组成。3.我的代码将把选择框值更新到输入中，但是，继续添加这些值，而不是用新的选择替换旧的值。4.此外，如何从其他输入中获取值并将它们添加到输入框中的字符串中。
这是一张清晰的图片。
下面是我试着开始工作的代码，但是它继续增加价值，而不是替换旧的。
$('#option2').on("change", function(){
var dropdown = "Option2:" + $(this).va
浏览 1提问于2016-09-25得票数 0
回答已采纳
2回答
角度范围继承
、、
我刚开始学角，所以我试着学习教程，不要让it.What混淆了点表示法：
<div ng-app="">
<input type="text" ng-model="data.message">
<h1>{{ data.message }}</h1>
<div ng-controller="FirstCtrl">
<input type="text" ng-model="data.message">
&
浏览 5提问于2014-01-01得票数 2
回答已采纳
3回答
我需要从输入框中获取值，并在单击按钮时将其写在输入框的下方。我想过使用标签，但如果有其他方法，我愿意接受建议。
到目前为止我的代码如下：
<h1>Test</h1>
<form name="greeting">
Type your name here: <input type = "Text" name="fullname" id="name"> <button onclick="getName()">Create</
浏览 0提问于2015-06-14得票数 0
2回答
我有问题，为我的应用程序创建工具，因为我有大约50个输入字段。我在dreamweaver中创建了一个html5文件，phonegap文件正在真实设备和模拟器上正确呈现。我必须从用户输入进行计算，并显示在结果页上，该页面位于同一个html5文件中。问题是如何做到这一点，我已经为它创建了一个java代码，但是JAVASCRIPT代码对我来说是新的，谁能告诉我如何从输入框中获取数据并将数据放在相应的div中呢？
任何教程都会很有帮助。
浏览 3提问于2013-11-12得票数 0
回答已采纳
在这里，我编写了一些代码，用于使用javascript从动态创建的输入框中获取值
以下是设定值的代码：
for(var i=0;i<result.studentlist.length;i++){
var addtxt = document
.createElement("input");
addtxt.type = "text";
浏览 0提问于2014-04-11得票数 1
2回答
我有3个单选按钮，打开个人电视。所有3 div都有输入框，可以通过单击输入框旁边的add按钮来添加输入框。
现在的问题是，
输入框应该只添加在各自的无线电选中的div，但现在它是所有的3 div输入框。如果您检查任何一个单选按钮，然后单击输入旁边的add按钮，那么添加几个输入框，然后转到另一个单选按钮，您也可以看到同样的操作，这也不应该是正确的。
这是密码和小提琴
$filtr = $('.filtr');
$filtr.on('click', '.add', function(){
$(this).cl
浏览 2提问于2013-06-11得票数 1
回答已采纳
我需要添加输入框到一个页面上点击一个按钮，我已经写了以下jquery脚本。它会在第一次单击时添加一个输入框，但不会重复添加。
<script type="text/javascript">
function addInput(){
$('#fileinput').html('<label>Filename:</label>
<input type="file" name="file" id="file
浏览 2提问于2011-09-28得票数 3
回答已采纳
我想知道是否有可能用PHP保存一些数据，通过javascript和document.write从页面中放置的表单中获取值，它的值已经由javascript和document.getElementbyId(id).value设置。
我知道在.innerHTML()中它不起作用，因为保存按钮不会获得使用.innerHTML()方法设置的值。
所以我想知道，如果我让javascript用document.write放置一个输入框，然后由另一个js函数设置它的值，会不会起作用？
浏览 0提问于2011-12-10得票数 0
回答已采纳
我使用ngModel进行双向绑定(在输入框中显示值，并在用户更改时更新模型的值)，它工作得很好。
<input
id="myInput"
name="myInput"
type="text"
[(ngModel)]="myModel && myModel.myProperty"
/>
从DB获取数据的代码-
this.getresponse$ = this.myService.serviceMethodName.subscribe(
(result: ModelType) =&
浏览 2提问于2020-10-07得票数 0
我没有任何运气，我可以找到如何为借记卡/信用卡付款的PayPal输入框样式。与创建弹出窗口的paypal按钮不同，当您单击借记卡选项时，输入框将内联显示。输入框的默认样式会把我的设计搞砸，我想让它们变小，这样它们就更适合页面了(我读到，你不能让它们弹出，就像paypal的pay with paypal选项)。这是一张照片：
从paypal文档中，听起来我应该能够使用输入框id直接从我自己的样式表中格式化输入框：
“更改卡片字段的布局、宽度、高度和外部样式(例如边框、框影、背景)。您可以用当前样式表修改以容器形式提供的元素(例如；卡号{边框: 1px实心#333；})。
通常，输入元素根据
浏览 9提问于2020-09-11得票数 0
定义一个搜索框，如果输入框中有一些文本，输入框将显示一个清除按钮，如何获取清除按钮的单击事件？
<label for="search-mini">Search Input:</label>
<input type="search" name="search-mini" id="search-mini" value="" data-mini="true" />
浏览 0提问于2013-07-13得票数 2
我是学习者
感谢大家对我的帮助:)
我如何通过重置功能按钮来重置所有的输入框，例如，当重置按钮点击=2时，我想添加这个数字到输入框
当我输入例如50的时候，现在我想有一个按钮，所以当我点击数字2时，就会替换到输入框中。
这是我到目前为止所做的事情。请查收。
感谢您的回复和帮助
浏览 2提问于2011-05-17得票数 0
2回答
我喜欢IE的一件事(可能是唯一的一件事)是如何在输入框、复选框和动作按钮之间切换。我认为这使得填写表单变得更快、更容易。
Safari和FF将在文本输入框之间切换，但完全忽略复选框和操作按钮。
我可以强制Firefox和Safari让我的用户在输入框、复选框和操作按钮之间切换吗？我该如何编写代码呢？
谢谢你的帮助。
浏览 1提问于2011-10-24得票数 9
2回答
我是网页设计的新手，所以希望这是一个简单的问题。我有这样的东西...
<form action="process.php" method="POST">
Height: <input type="text" name="height" value=""><br>
Width: <input type="text" name="width" value=""><br>
</form>
<
浏览 2提问于2012-12-19得票数 0
回答已采纳
3回答
在许多html教程中，他们显示输入文件类型，结果是一个按钮选择文件类型，当你点击它时，弹出一个对话框，从你的硬盘中选择文件，但当我运行相同的代码时，我得到一个文本输入框，旁边的按钮写着浏览。我想得到同样的结果我该怎么做？
enter code here <input type="file" id="flupload" name="fileupload/>
浏览 2提问于2011-03-22得票数 1
回答已采纳
我有一个有3个输入框的表单，所有的输入框都没有id，name字段。因此，如果我在其中输入值，我如何使用javascript检查没有id和name字段的输入框的值
<form id='a' action='' >
<input type='text' value='' />
<input type='text' value='' />
</form>
这是html中的代码，我想使用javascript获得输入框的值。我可以这样做吗？
浏览 0提问于2012-10-16得票数 3
回答已采纳
3回答
如何检测任一事件触发器？
、、、
我有一个id为#input的输入框。当模糊或回车按钮被按下时，此输入框将激活一个功能。
如何将这两个事件合并为一个事件？
$('#input')
.keypress(function(e))
.blur(function(event) {
//Do something
});
浏览 2提问于2013-06-03得票数 3
我正在做html页面。它有一个按钮和一个文本框<input type="text"></input> , <button onclick="abcdef">Search</button>。该按钮将使覆盖页“可见”，其中的内容通常是隐藏在视图之外，其中也有关闭按钮关闭它再次。基本上，每件事都发生在“同一页”上。我使用了一个java脚本来隐藏和显示覆盖。
我创建了一个php页面(search.php)，它将搜索数据库中的字符串值。为此，我在另一个<input type="text"><
浏览 0提问于2014-07-14得票数 0
回答已采纳
3回答
我正在尝试从按钮输入数字到输入框中。我有一个困难的时间弄清楚如何找到哪个输入框有焦点。有什么可以告诉我哪个输入框有焦点吗？
浏览 2提问于2014-01-06得票数 1
回答已采纳
我有带有maxlength=12的输入框，该输入框易受xss攻击。
但是，由于最大长度12，所以不可能构造任何真正有效的xss向量。用户输入存储在属性value="user input"中。当用户使用burpproxy拦截post请求时，他可以更改post参数并导致xss。
现在，我的问题是，可以从其他站点发出一个post请求，该请求绕过maxlength元素。在我的攻击尝试中，它会带我到输入框所在的页面，并切断第12个字符之后的所有内容。
是否可以伪造post请求并绕过最大长度来利用xss问题？
这是在页面上搜索最大长度的表单：
这是我试图从我的页面中利用它的方法：
当我单击
浏览 0提问于2012-06-18得票数 4
回答已采纳
2回答
我有一个表单，其中有5个字段，其中3个的值为小时、天数和租约，其中包含默认值，然后是一个选择框和另一个空输入框，我的代码如下所示：
$(document).ready(function() {
$('#hr').change(function() {
$('#mytexts').val($('#hours').val());
});
});
<input type="text" id="hours" value="23" readonly/>
<input ty
浏览 3提问于2021-12-27得票数 1
回答已采纳
1回答
Jenkins无功选择参数的取值
、、、、
我有一个选项参数，它的值是:A，B，都是
在上面，
如果我选择"A"，如果选择"B"，则应该有一个输入框出现在作业参数页中，以便为A个单独的取值；如果选择“B”，则应该在作业参数页中出现一个输入框以求B的值，如果选择“两者”，则应该有两个输入框显示在作业参数页中以A&B值为值。值。
在声明性脚本中，我应该分别打印输入框中输入的值。如何做到这一点？
浏览 3提问于2021-08-11得票数 0
我在PHP中制作表单，并使用javascript提交。我想要获得输入框的名称，因为正常的编码给出了输入框的值，但我需要获得输入框的名称。没有onclick功能。有没有可能在点击一个按钮时检索其他javascript函数中的输入框的名称。例如
<input type="radio" name="text_name" value="4" id="d">
现在单击另一个我正在调用test()的按钮，在test()中，我如何获得输入框的名称。
浏览 0提问于2012-10-11得票数 5
回答已采纳
3回答
$term = $_POST['term'];
$sql = mysql_query("SELECT * FROM tblCocktail WHERE Ingredients LIKE '%$term%'");
这是我用来从文本输入框中获取值并搜索我的数据库的代码的一部分。但是，我想更改它，这样它就可以循环遍历数组，而不是%$%，以便能够搜索多个选定的术语。
任何帮助都是非常感谢的。
-Matt
浏览 6提问于2012-04-19得票数 1
回答已采纳
我想得到一个输入框的值，它没有一个表单标签和提交按钮在php
<input type="text" id="start-date" name="start" placeholder="Select Date" data-date-format="DD, MM d" class="input-sm form-control"/>
<input type="text" id="end-date" name="end" placehold
浏览 0提问于2016-07-20得票数 0
4回答
CSS样式在文本输入中的特定字符
、、、、
我有一个脚本，当用户按下按钮时生成文本。--文本被发送到输入框，所以当我按下按钮时，会有一些文本出现在one输入框中。
我想知道是否有任何CSS属性来样式所有出现在中的"-“字符的颜色，输入框除以数字。
生成的txt示例：“4-6-9-8-2”
换句话说，我要数字红色和"-“蓝色。
我很想知道我是怎么做到的。我会非常感激的。
浏览 3提问于2011-08-19得票数 7
我有一个带有输入框和按钮的页面，当用户单击按钮时，我想重定向到一个控制器操作，该操作的参数是输入框的值。
<input id="CodProiect" type="text" />
<input id="Cauta" type="button" value="Cauta" onclick="window.location.href='@Url.Action("Cauta", "Componente", new { CodProiect = "
浏览 5提问于2011-03-02得票数 1
回答已采纳
2回答
两个输入框
我正在构建一个角度应用程序。用户输入他想要创建的输入框的数量。因此，我有一个按钮和一个输入框的安排与它和类似的数字安排根据用户的输入。
我举一个例子，其中创建了两个输入框。
现在，当单击输入框左侧的按钮时，功能是-切换、启用/禁用输入框。
<div ng-app="myApp" ng-init="isDisabled=true" ng-controller="myCtrl">
<button ng-click="toggledit()">Item A</button>
&
浏览 1提问于2017-10-13得票数 0
回答已采纳
2回答
我使用useState钩子编写了一个功能组件，该组件本身运行良好，但我在测试它时遇到了问题。我不明白如何在组件中创建初始状态。我尝试过多种方法来嘲弄useState，但没有一种方法奏效：
describe('<Component/>', () => {
beforeEach() = > {
jest.spyOn(Readt, 'useState').mockImplementation( () => React.useState(['test']));
//Also tried
浏览 4提问于2020-02-03得票数 1
回答已采纳
4回答
我有两个输入框。
当我向第一个值输入一个值时，就会触发javascript函数checkMyKad()。
checkMyKad()在第一个输入框中获取值，编辑它，并警告新值。
我想把新的设置到第二个输入框中。如何在第二个输入框中显示新值？
<div class="form-group" style="color:#0000FF; margin-left:160px;" >
<input type="text" placeholder="Please input value" id="myKadC
浏览 0提问于2018-03-12得票数 0
回答已采纳
我正在尝试获取ui-grid列标题中显示的输入框的值。
我正在尝试使用我自己的过滤函数，它需要从列标题中的多个输入框中获取值。
$scope.gridOptions.columnDefs = [
{
field: 'name',
displayName: 'Name',
headerCellTemplate: '<input type='text' disallow-spaces placeholder='Enter to Search'
浏览 1提问于2016-11-12得票数 0
2回答
我在输入框中输入了一些文本。在输入文本时，我给出了一些空格，意思是超过一个空格，比如4或5。但是当我从输入框中得到值并附加到div时。它将所有额外的空格替换为一次单个空格。
例如，我输入这样的文本。“嗨”-嗨
然后，如果使用$("#inpuboxid").val();获取值，则将该值追加到div。
事情变成这样：“嗨，你能看看吗?"
如何实现这一点，因为浏览器会自动用一次空格替换额外的空格。
浏览 4提问于2014-02-01得票数 3
回答已采纳
我正试图在python/tkinter中制作一个应用程序，允许您为曲棍球队创建一个名册。我希望根据团队中球员的参数数生成"new_roster“框架，并因此为每个玩家创建了可变数量的输入框，但无法从所述输入框中提取值。
在我当前的代码中，通过向空字符串中添加一个"z“，根据用户希望在其团队中加入的球员数量生成一个列表。然后，下一个函数遍历列表，设置string = Entry(frame，xxx)，我最初尝试使用int，但这似乎并不重要。我还试着让str成为一个StringVar，但它也不起作用。
每次我尝试在输入框创建后引用它们，就像
a = (player_list[0])
浏览 1提问于2019-02-17得票数 0
回答已采纳
因此，我有一个textarea，我想知道在这个输入框中有什么方法比使用正则表达式更能划出数字值(我并不真正理解它们)。
下面是我的changeAll()函数，它只会从输入框中获取值，并将一个不同的div元素(我的输出框)更改为新加下划线的输出：
changeAll = function(){
var x = document.getElementById('input').value;
//underline numbers ....
document.getElementById('demo').innerHTML = y;
}
我也知道CSS只是
#numb
浏览 2提问于2016-05-14得票数 3
回答已采纳
我有一个输入框使用Bootstrap的样式。当我从输入组中移除按钮时，输入框的宽度会发生变化。在不使用输入框的情况下，如何获得全宽度？
巴顿
<div class="input-group input-group-sm">
<input class="form-control" name="abc" placeholder="1" type="text">
<span class="input-group-btn">
<but
浏览 4提问于2014-06-04得票数 1
回答已采纳
我成功地编写并部署了智能契约，使用Remix和Metask生成用作密钥的散列。这份合同几乎没有规定或获得一些数字的可支付的公共职能。在mainnet上部署Remix之后，我可以看到左下角的“按钮”和“文本输入框”，它们可以用于与契约公共函数的交互。
但是我需要我的客户能够与契约交互(使用“按钮”和“文本输入框”)。
我尝试了https://www.myetherwallet.com，但没有成功。在插入ABI和字节码之后，部署契约后就没有用于用户交互的“按钮”或“文本输入框”。
之后，我尝试使用https://justsmartcontracts.dev。在插入ABI和契约地址后，在窗口"
浏览 0提问于2020-05-23得票数 1
2回答
我正在尝试用python和selenium实现一个自动填充表单的函数(可能，某个页面只是输入框和提交按钮)。
它类似于浏览器的自动填充形式:解析网页，在页面上找到用户名和密码的输入框，下次自动填充它们。
问题是如何定位用户名输入框或密码输入。
我寻找一种能够处理大部分页面的方法，但遇到了几个问题：
一些页面的用户名和密码不在表单标签中；
不仅有用户名和密码输入框，而且还有验证代码输入框；
输入框的名称不仅仅是“用户名”或“密码”.It，可能是另一个word.So，我无法根据用户名输入框或密码输入框的名称来判断。
已经尝试了一些方法，例如：
具有密码属性的密码输入框；
浏览 2提问于2017-10-10得票数 0
回答已采纳
我正在尝试使用一个输入框来选择工作表中的一个范围。从理论上讲，这很简单。用户在工作表上选择一个命令按钮，该命令按钮打开一个userform。userform允许选择几个选项按钮中的一个。提交表单后，我希望用户能够从活动工作表中选择一个范围。
在用户表单提交之后，将出现范围输入框，但不允许在活动工作表上进行选择。
如果我直接从工作表调用inputbox (不要在userform中运行)，则输入框可以正常工作。但是，在这个应用程序中，我需要userform来允许选择。
我已经尝试重新激活工作表，以编程方式选择默认范围，隐藏和卸载用户表单。
从根本上说，这就是我所做的一切：
Public Funct
浏览 1提问于2016-01-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
