为什么我不能从输入框中获取文本值？
无法从输入框中获取文本值可能是由于多种原因造成的。以下是一些基础概念、可能的原因以及相应的解决方法：
基础概念
在前端开发中，输入框通常是通过HTML的<input>元素实现的，可以通过JavaScript来获取其值。
可能的原因及解决方法
1. 获取元素的方式不正确
确保你使用了正确的选择器来获取输入框元素。
<input type="text" id="myInput">// 正确的方式
var inputElement = document.getElementById('myInput');
var value = inputElement.value;2. 获取值的时机不正确
如果你在DOM元素还未加载完成时就尝试获取其值，可能会失败。确保在DOM加载完成后执行获取值的代码。
document.addEventListener('DOMContentLoaded', function() {
var inputElement = document.getElementById('myInput');
var value = inputElement.value;
});3. 输入框的值为空
确保输入框中有值。
var inputElement = document.getElementById('myInput');
if (inputElement.value) {
console.log(inputElement.value);
} else {
console.log('输入框为空');
}4. JavaScript错误
检查是否有其他JavaScript错误影响了代码的执行。
try {
var inputElement = document.getElementById('myInput');
var value = inputElement.value;
} catch (e) {
console.error(e);
}5. 输入框被禁用或隐藏
确保输入框没有被禁用或隐藏。
<input type="text" id="myInput" disabled> <!-- 禁用状态 -->
<input type="text" id="myInput" style="display:none;"> <!-- 隐藏状态 -->var inputElement = document.getElementById('myInput');
if (!inputElement.disabled && inputElement.style.display !== 'none') {
var value = inputElement.value;
}应用场景
这个问题可能在任何需要从输入框获取用户输入的前端应用中出现，例如表单提交、实时搜索、数据验证等。
参考链接
通过以上方法，你应该能够找到并解决无法从输入框中获取文本值的问题。如果问题依然存在，建议检查控制台是否有错误信息，并逐步调试代码以定位具体问题。
相关·内容
我在sharepoint服务器上使用asp.net和c#编辑了一个runat=为“服务器”的div标签的innerhtml，并在其中放置了大量html代码和一个输入框(此输入框是自动完成jquery UI输入框)。
我可以给输入框一个id。
现在，我如何在c#中访问输入框中的文本？
searchbox.InnerHtml = @"
<script type='text/javascript'>
$(function() {
浏览 0提问于2012-08-18得票数 0
当输入框中有文本时，与输入框中没有文本时，文本输入上的样式是否可能不同？
我知道如果输入有文本，你可以用JavaScript在模糊上添加一个类，但是有没有一个只有css的解决方案呢？
浏览 3提问于2013-05-23得票数 0
我试图使用弹出窗口中的jquery替换父窗口中的textarea和输入框图像源。输入框中的文本没有发生任何变化，但是文本框中的文本保持不变。
下面是父窗口的代码：
<textarea cols="100" rows="20" class="editor">
<a href="http://www.amazon.com">
<img src="image.jpg" alt="replace image source in this textbox"
浏览 0提问于2014-09-24得票数 0
回答已采纳
我目前在代码中使用multifilter (上的jquery插件)。如果您查看该链接，它将向您展示如何实时过滤表。我的问题是，在刷新页面时，输入框中输入的任何文本都会丢失。我想，如果我将输入设置为autocomplete=on，如下所示：
<input autocomplete='on' class='filter' name='name' placeholder='name' data-col='name'/>
它将保留输入框中的值。但是，它不会在刷新时触发multifilter.js，需要我仍然在输
浏览 0提问于2018-07-05得票数 0
回答已采纳
<input id= "eurl" type="text" name="eurl" readonly>
我有一个动态输入框(这意味着我从DB获得文本框中的值)，现在文本框中的值是文本(它们没有响应)。我试图得到的是将文本框中的任何文本作为链接(可点击)。此外，请考虑它不一定只是输入框，是否有任何我可以做文本作为一个链接。
//使inputbox中的文本(来自db)可以单击/充当一个url。
浏览 4提问于2017-05-17得票数 0
回答已采纳
我有一个问题想问一下，为什么我不能从bootstrap文本编辑器中获取值？
这是html
<div class="form-group">
<div class="col-xs-12">
<textarea name="textarea" class="jqte-test text-desc"></textarea>
</div>
</div
下面是我的jquery代码：
<script>
var text_desc = $(&
浏览 0提问于2015-01-22得票数 1
好的，在我的网页上，我试图更新包含在这些span元素中的div中的文本。
<div class="output-1-2-1-1">
<p id="yourNameDisplay">Person</p>
</div>
<div class="output-1-2-1-2">
<p>Born in <span id="yourMonthDisplay">February</span></p>
</div>
我目前
浏览 2提问于2021-10-14得票数 1
回答已采纳
考虑：
$("[id^='txtYear_']").val();
为什么这只会给我输入第一个输入框中的值，而ID是"txtYear_“呢？我想获取所有输入框的值，这些输入框的ID以"txtYear_“开头。
浏览 3提问于2017-08-13得票数 2
回答已采纳
我正在尝试构建一个填充空白的样式组件。它由文本中的一个或多个输入框组成。输入框的数量和位置因文本而异，因此必须动态构建组件。我的问题是:将其存储在数据库中并将其提取以供呈现的最佳方法是什么？
我试图找到一个解决办法：
requestedRender 创建一个组件，该组件将文本和输入框适当放置在中，将整个组件JSX存储在数据库中，并在容器组件中获取获取的JSX时获取该组件。
我认为这是可行的，但是我想知道是否有更好的方法，因为在数据库中存储整个组件JSX似乎有点麻烦。
浏览 6提问于2021-11-05得票数 0
2回答
我使用引导表来显示我的数据。我在列上使用了数据格式化程序，如下所示：
function inputFormatter(value, row){
return '<input class="form-control data-input" value="' + value + '">';
}
我的引导栏：
<th data-field="channel_sku" data-align="center" data-formatter="inputFormatter
浏览 11提问于2016-06-27得票数 2
回答已采纳
2回答
<div id="form">
<form action="">
<input type="button" id="sub"/>
</form>
</div>
单击submit按钮时，将使用jquery更改内容。
Jquery代码：
$(document).ready(function() {
$('#sub').live('click', function() {
var reg = "<form a
浏览 4提问于2012-11-17得票数 2
回答已采纳
1回答
我正在创建一个移动web应用程序的表单，输入框要求输入数字，所以我使用input type="number"进行验证，它运行良好。我也在根据框中的输入改变行为。我需要隐藏一个div，直到用户在框中输入文本。当他们从框中删除所有文本时，然后再次隐藏div。这很容易做到--在输入上检测keyup，如果它的value是空字符串还是空字符串。当用户输入非有效数字的文本时(可能，至少使用iOS键盘)，就会出现问题。不幸的是，当输入的文本不是有效数字时，输入框的value是空字符串。所以我的代码隐藏了div，而我仍然需要它是可见的，因为它认为输入框中没有value。
如何获得存储在数字输入
浏览 3提问于2013-12-01得票数 0
回答已采纳
1回答
我必须在页面上创建第二个按钮/输入框，在绿色段落方块下面，文本必须出现。如何编写函数以使文本以段落为中心？我必须使用document.getElementById来获取输入框对象和段落对象。以下是我到目前为止所拥有的：
HTML：
</head>
<body>
<div>
<button onclick="sayMagicWord();">Press For Magic </button>
</div>
<p></p>
<div&g
浏览 3提问于2021-04-15得票数 0
回答已采纳
我有一个文本段落和一个输入框。用户将在输入框中键入相同的文本，如段落所示。
我想用颜色突出显示段落文本，以便用户键入它，以显示进度。我不知道如何在HTML和CSS中这样做。
我目前的想法是对文本中的每个单词都有某种标记(可能是span)。然后在使用进入文本时继续添加颜色类。我想知道是否有更好的方法。
一个例子是一些类型站点。
浏览 4提问于2016-01-18得票数 5
回答已采纳
我正在尝试提取输入框中的文本，
<input type="text" name="inputbox" value="name" class="box">
我从以下几点开始
input = driver.find_element_by_name("inputbox")
我尝试过input.getText()，但我得到了
AttributeError: 'WebElement' object has no attribute 'getText'
浏览 100提问于2014-08-30得票数 57
回答已采纳
2回答
我使用javascript在我的表格中添加一个输入框，如下所示：
var inputtopik = "topik" + 1;
$("#titleinput tbody").append("<tr><td> Topik " + topikno +
" : </td><td><input type='text' id='" +
inputt
浏览 0提问于2013-04-25得票数 0
回答已采纳
复制步骤:在输入框中写入韩语，向下滚动直到输入框被隐藏，单击屏幕上的任何位置
预期:输入框将集中在(韩文文本)
当用户在输入框中输入韩语时，如果我们将输入框移出框架，则.and。点击其他任何地方的.input框将保持在框架内，.this在mac中不可复制。`
浏览 1提问于2022-09-21得票数 0
2回答
Perl条目验证不起作用
、、、、
我有一个问题，让我的文本验证工作正常。基本上，我有两个输入框，一个输入CVS中分支的名称，另一个输入目录名。我希望我的程序在每个框中的文本被更改时验证它。
要做到这一点，要求在击键更改输入框的内容时使用"key“选项来验证条目。问题是，当我使用"key“选项，然后运行程序时，当我键入输入框时，不会出现文本。
我的代码如下所示：
use strict;
use warnings;
use Tkx;
# Initialize BRANCH and DIRECTORY
my ($BRANCH, $DIRECTORY) = ();
# DEFINE DISPLAY OBJ
浏览 7提问于2014-12-22得票数 0
回答已采纳
我试图在网页上设置一个文本输入框来设置一个JavaScript变量，但是我似乎找不到答案。谷歌也帮不上忙，我从我的搜索中发现，如何使用javascript设置输入框的文本，这与我需要的相反。
下面是我得到的信息：
window.onload = function() {
document.getElementById('submitButton').onclick = function() {
var searchterm;
searchterm = "error";
searchterm = document.
浏览 0提问于2013-01-17得票数 0
回答已采纳
2回答
我希望创建一个类似于谷歌使用jQuery的搜索功能。然而，我不确定它的一个功能的名称。
正在讨论的特性是文本预测元素。
例如：如果我输入jquery，它会在输入框中显示"Jquery“作为我的输入，然后以灰色显示，它会将第一个结果的文本添加到输入框中，并允许用户选择这个”预测值“。
我已经到处寻找这个功能的名字和一个工作的例子。
任何帮助都将不胜感激
浏览 0提问于2012-01-13得票数 3
回答已采纳
3回答
我有一些表，看起来像这样：
<table width="650" id="myTable" runat="server">
<tbody>
<tr>
<td><input type="text" /></td>
<td><input type="text" /></td>
<td><input t
浏览 4提问于2013-06-21得票数 0
回答已采纳
4回答
使用jQuery，我想捕获一个键盘事件，即：
在用户把手指从钥匙上拿出来之前
在键盘事件中的字符在输入框中注册后。
若要澄清，请查看此。当keypress触发时，input值尚未更新。
编辑
显然我不清楚我需要什么。
该函数必须在之前调用用户从键中抬起手指，但是在之后的键的字符被放置在输入框中。因此，以下内容不起作用：
按键:在keypress事件中，文本框中的值尚未更新
键按:在keypress事件中，文本框中的值尚未更新
keyup:当用户举起手指时，这会被调用，为时已晚。
浏览 13提问于2011-04-01得票数 6
回答已采纳
6回答
清除提交的默认搜索文本
、、、
我有以下代码可以将助手文本放在搜索输入框中，当您单击该框时，该输入框将被移除，如果您单击其他任何地方而不更改它，则返回该输入框：
$('#search-form input[type="text"]').each(function(){
var defaultVal = 'Category Search';
$(this).focus(function(){
if ($(this).val() == defaultVal){
$(this).removeClass('active').v
浏览 10提问于2012-11-12得票数 1
回答已采纳
我一直在Tkinter玩，试图提高我的技能，我不断遇到这个问题的输入框。
from tkinter import *
from tkinter import ttk
root=Tk()
NAME = StringVar()
NAME.set("724-###-###")
def EDIT(*args):
#Create Toplevel#
TP_E = Toplevel(root)
TP_E.title=("Edit:")
TP_E.geometry("+575+375")
TP_E.focus()
浏览 1提问于2014-04-11得票数 1
回答已采纳
考虑以下代码：
#!/usr/bin/env python3
from tkinter import *
from tkinter.ttk import *
root = Tk()
entry = Entry(root)
entry.bind('<Key>', lambda e: print(entry.get()))
entry.grid()
Button(text="Close", command=root.destroy).grid()
root.mainloop()
每次按下键时，它都会在entry输入框中打印文本，那么为什么它会像
浏览 2提问于2013-12-03得票数 1
回答已采纳
3回答
好吧，我希望问题很简单，table表示数据，通过悬停td元素，我将其替换为文本输入。问题是输入框有一些默认宽度，这会使表格闪烁。
如何正确设置输入框？我是否应该采用第一个td宽度大小并简单地设置为输入框？
//更好一点，输入框和外面的字体是不同的
//移除大纲
我认为现在发现了问题，当设置文本比宽度大一点时，行的比例更大，但输入框适合里面的文本，并且不会改变宽度。
浏览 0提问于2012-02-18得票数 0
回答已采纳
1回答
使用侧边栏，我获得用户输入并将其保存为脚本属性。下次加载侧边栏时，我想检查保存的属性是否存在。如果是，则显示它而不是文本输入框。
我知道如何使用：
google.script.run.withSuccessHandler().myFunction()
老实说，在这一点上，我尝试了很多不同的东西。任何帮助都将不胜感激。
这就是我尝试过的，我想在边栏中加载值，如果它们存在。如果没有，我想让它加载一个文本输入框，这是它默认做的事情。
编辑-添加代码
function loadSidebarValues() {
if (dateText != 'ErrorStuff') {
浏览 0提问于2018-09-28得票数 1
我正在插入一个自定义脚本来篡改页面。该脚本添加了一个输入框。
<html>
<body>
<div id="originalpage">
<input type="text" id="myinput">
</div>
</body>
</html>
我不能在输入框中输入，因为父元素有一个脚本可以在按键时添加preventDefault()。
function complexKeyHandler(e) {
// stuff
浏览 2提问于2019-07-28得票数 3
我一直收到“您只能输入一个名称”的消息。在我用以下代码创建的peoplepicker输入框(Div)中：
// Render and initialize the client-side People Picker.
function initializePeoplePicker(peoplePickerElementId) {
// Create a schema to store picker properties, and set the properties.
var schema = {};
schema['PrincipalAccountType&
浏览 10提问于2017-05-04得票数 0
<html>
<head>
<script type="text/javascript">
function sum() {
i = 10;
j = 10;
result = i + j;
return result;
}
</script>
</head>
<body>
First nam
浏览 0提问于2013-10-15得票数 0
我正在执行一项任务，在该任务中，我需要创建javascript代码，以允许用户输入某些内容并将其附加到数组中。这是HTML：
<html lang="en">
<head>
<title>Magic 8 Ball!</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="vi
浏览 0提问于2020-03-09得票数 3
回答已采纳
1回答
访问动态输入文本字段
、、、、
我有一个带有许多动态RadiobuttonLists的页面供用户选择。有时，每个RadiobuttonList的ListItems旁边都有文本框。
例如。
(o) Listitem文本框
(o) Listitem2
(o) Listitem3文本框
我的编码方式是(伪代码)：
Foreach RadiobuttonList
RadioButtonList radioOption = new RadioButtonList();
name = "inputName" + i.ToString();
radioOption.Items.Add(new ListItem
浏览 0提问于2013-03-25得票数 0
我有一个简单的TKinter图形用户界面，它有一个文本输入框和一个按钮。我想输入文本，单击按钮，然后让我的程序打印文本。GUI运行良好，除非我单击文本输入框并输入I box see the cursor or the text，直到我调整窗口大小或单击按钮。当我单击该按钮时，文本将显示在输入框中并返回。当我输入文本时，GUI没有更新。我在OSX10.10上运行Python3.4。任何想法都是受欢迎的。
代码如下：
#!/usr/bin/env python
from tkinter import *
def getstring():
filter_string= sfilter.ge
浏览 1提问于2014-11-12得票数 1
4回答
我真的很困惑为什么更新没有发生。这很简单：
int goodID = 100;
DataContext db = new DataContext();
Schedule schedule = db.Schedules.Single(s => s.ID == goodID);
// this wont persist - WHY NOT?!
schedule.Email = txtEmail.Text;
// this does persist
schedule.NumberCourses = 5;
db.Submi
浏览 3提问于2009-04-01得票数 0
回答已采纳
1回答
我有一个输入字段，可以由用户和js按钮修改。我需要抛出一个事件，当用户在文本区中写入/删除某些内容时，以及当一个按钮在不使用jQuery的情况下修改输入值时。
我试图重写input的get和set方法，但是当我先用js修改输入文本，然后再用js修改输入文本时，输入框中显示的文本不会改变。
它必须在IE11和Chrome上工作(不能使用onpropertychange事件)。
浏览 0提问于2016-02-01得票数 0
1回答
我正在为安卓开发一个输入法，其中包括一些突出显示的文本输入的背景颜色由用户(使用SpannableString)。
当旋转设备并重新绘制键盘时，文本仍保留在用户输入的输入框中，但是，所有样式(即背景颜色)都会丢失。
你知道为什么会发生这种情况，以及如何规避吗？
浏览 0提问于2014-08-29得票数 0
我使用<input type="text" name="username">创建了一个输入框，用于用户输入username，然后将长度固定为5进行一些计算。
<input type="text" name="username" maxlength="5">。但是，当我将输入作为静态文本时，它将接受任意数量的字符。
将最大长度设置为5意味着输入框只能容纳5个字母，那么为什么在这样的情况下它会容纳5个以上的字母呢？
<input type="text" name="
浏览 2提问于2014-08-21得票数 2
回答已采纳
我希望能够做的是使用更改输入文本框的"value=“。最终目标是使用.html()获取表单，这样我就有了所有的代码，以及在输入框中键入的值。
举个例子，我有这样的例子：
<span id="example">
<input type="text" value="" id="rate" />
</span>
如果用户在输入框中键入内容，我可以使用.val保存数据，但我要做的是抓取HTML值，以便重新显示输入框中的值。
如果用户在输入中键入"bob“。然后我使用：
var test
浏览 0提问于2009-09-19得票数 1
回答已采纳
背景我正试图用C++编写一个将运行在Vista上的应用程序。应用程序将从用户获取输入(通过输入文本框)，对该文本执行一些操作，并指示用户单击另一个应用程序中的输入框。我希望我的应用程序将文本打印到第二个应用程序的文本框中。
问题：在输入框中打印文本而不通过键盘输入文本的最简单方法是什么？
浏览 2提问于2009-11-15得票数 0
回答已采纳
我试图从一个输入框插入一些文本到一个div点击一个按钮。因此，#horario09 div中的内容应该替换为"La “，其中无论您在文本输入中插入了什么名称。
<form id="form1" action="">
Horario: 09 horas <input type="text" id="h09">
<button class="btn btn-primary" onclick="return reservas.guardarRe
浏览 4提问于2016-02-22得票数 1
回答已采纳
我使用的是JavaScript的prompt()函数。
var favorite = prompt('What is your favorite color?', 'RED');
我使用的是IE7，打开的提示框有一个标题栏，上面写着：“Explorer User prompt”，还有一个文本写着“Script Prompt：”，下面是我的文本：“你最喜欢的颜色是什么？”此外，“确定”和“取消”按钮出现在提示框的最右侧，文本输入框出现在对话框的最底部。
有没有办法改变标题栏，删除文本“脚本提示符”，并在文本输入框下面放置“确定”和“取消”按钮？
浏览 1提问于2012-05-08得票数 2
回答已采纳
我的javascript文件中有以下值'testValue‘
$('#testValue').val(RestServices.getValueCovid(response, 'TESTVALUE'));
在html文件中
<input name="testValue" id="testValue" />
这可以在网页上显示值，但它在输入框中。
我想以纯文本的形式显示它，使用<p> <span> <div>或您建议的任何内容。浏览器是IE8。我尝试过getElementByI
浏览 4提问于2020-07-27得票数 0
回答已采纳
1回答
这是我第一次在tkinter，请原谅我，因为我觉得这是一个非常愚蠢的问题，但我找不到答案。我做了一个简单的骰子，看起来如下：
忽略了好人/坏人的事.只是给出了一个有趣的哑巴信息。
它可以工作，但如果我用一个值填充任何输入框，则其余的输入框将自动填充相同的值。我不想这样，我希望他们是个人的。
下面是用于创建输入框的代码：
#D4 STUFF
#CREATE ENTRY BOX
self.entryD4 = ttk.Entry(self.rollButtonFrame,
width=self.entryWidth,
浏览 2提问于2020-07-28得票数 0
我们有两个输入boxes..both，在一个旋转器的值上有jquery spinner..depending，而另一个旋转器的值应该改变。
例如，对于第一个输入框的值为"10“，第二个输入框的值为"2"..if，当第一个输入框的值增加4时，第一个输入框的新值将变为"14”&如果我们将第一个输入框的值递减一次，则第一个输入框的值将减少为"6“。
帮助我们如何实现这一点
浏览 5提问于2014-12-19得票数 0
2回答
更新:我与开发人员取得了联系，他说要使用以下代码作为基础：
(function($) {
$('.jr-page').on('keyup','.jrAutoSuggest',function(){
$(".customfield").val($(this).val());
});
})(jQuery);
它目前不能工作，我不确定为什么，但你也可以在下面的文本中查看我的原始帖子以了解更多细节，我感谢你的所有帮助：
当用户键入时，我正在尝试将一个输入字段复制到另一个。我想完成这样的事情：请注意，当您在左侧的
浏览 3提问于2013-10-08得票数 2
我有一个Winforms应用程序，它有一个组合框，它的DropDownStyle设置为Simple。
当我调用this.InputComboBox.Items.Clear()时，它会将文本插入光标从所在位置移动到输入框的开头，尽管文本内容保持不变。为什么会发生这种情况，我可以防止它发生吗？
浏览 3提问于2013-07-19得票数 1
2回答
我已经创建了这个小提琴。其中有一个输入框，并且它有提示文本。当我在这个输入框中聚焦时，它的提示-文本被正确清除。当我将焦点移出这个输入框时，如果用户没有输入任何内容，则再次显示提示文本。
但是有一个问题，.let说你现在正专注于输入框，并点击了浏览器中的另一个选项卡，如果你再次回到这个小提琴上，请注意提示文本在离开这个页面时是空的。而且，在输入框内和外单击时，也不会清除此选项。？
所以我发现的问题是，当我点击另一个标签时，valueChanged没有被调用，变量“onblur”没有被设置为false。因此，当再次聚焦时，它不会清除默认的提示文本值。
所以我不明白为什么onBlur没有被调用。
浏览 4提问于2012-04-09得票数 0
如何创建自定义日期时间选择器？在这里我可以像普通文本输入框一样使用自定义占位符。使用js？日期时间选择器将显示“选择您的出生日期”，用户可以点击它，然后框将显示日历。
浏览 14提问于2020-06-18得票数 0
3回答
如何阻止人们编辑禁用的输入框？
、、、、
当输入文本框被禁用时，您不能在输入框中输入任何值。
但是，如果您使用google chrome并右键单击输入框，然后单击inspect，则可以更改这些值。
如何阻止人们编辑禁用的输入框？
浏览 9提问于2012-03-10得票数 0
我有一个简单的HTML：
<html><body>
<input><div contenteditable="true" style="border:1px #7f9db9 solid; width:100px; height:20px;"></div>
</body></html>
它显示了两个输入框。当我在第二个输入框中输入一些东西，然后在行的最开始(按Home键)，然后我按Backspace，文本跳到第一个输入框的末尾…我运行最新的Firefox。
为什么文本没有像预期的那
浏览 0提问于2010-08-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
