如何使用javascript onclick更改输入字段？
使用JavaScript的onclick事件可以实现在点击某个元素时更改输入字段的值。具体步骤如下：
- 首先，给需要点击的元素添加一个onclick事件处理函数。可以通过元素的id或class来选择元素，并使用addEventListener方法添加事件处理函数。例如，给一个按钮元素添加onclick事件处理函数：
document.getElementById("myButton").addEventListener("click", myFunction);- 在事件处理函数中，使用JavaScript代码来更改输入字段的值。可以通过元素的id或class来选择输入字段，并使用value属性来设置其值。例如，将一个输入字段的值更改为"Hello World"：
function myFunction() {
document.getElementById("myInput").value = "Hello World";
}- 在HTML中，需要有对应的按钮元素和输入字段元素。例如，一个按钮元素和一个输入字段元素：
<button id="myButton">点击按钮</button>
<input type="text" id="myInput" value="默认值">以上代码中，点击按钮后，输入字段的值将被更改为"Hello World"。
推荐的腾讯云相关产品：腾讯云云函数（Serverless Cloud Function），是一种无需管理服务器即可运行代码的计算服务。您可以使用云函数来编写和运行JavaScript代码，实现各种功能，包括处理点击事件并更改输入字段的值。了解更多信息，请访问腾讯云云函数产品介绍页面：腾讯云云函数。
相关·内容
如何使用javascript onclick函数连续输入密码值到密码字段？
我有两个‘蓝色’和‘红色’图像，与onclick功能和有以下的值；
Blue= w3!
Red= T4.
当我单击蓝色图像时，它会输入值'w3!‘进入密码字段。但是，当我单击红色图像时，它将替换输入，并在密码字段中变成“T4”。如何将红色输入与蓝色附加到密码字段中成为'w3!T4‘，而不是替换它？我需要帮助here...thx。下面是我的代码条目：
<!DOCTYPE html>
<html>
<head>
<style>
# red
浏览 3提问于2013-08-30得票数 0
回答已采纳
我在页面上放置了一个A标签，当用户单击它时，页面将有一个新的输入字段来写入信息，如下所示：
HTML代码
<a href="" class="smallLink" onclick="return ioAddNewContent()">new info</a>
我不想在单击"new“之后向url添加散列，因此我使javascript返回为空，如下所示：
javascript代码
function ioAddNewContent(){
var bigLi = document.getElementByI
浏览 3提问于2012-05-11得票数 0
回答已采纳
我有一个表单，它在php中的for循环中显示输入字段。这是一个日期字段。因此，如果用户单击日期字段，我希望它自动输入今天的日期。由于我并不真正知道javascript，所以我遇到的问题是我在php中的输入字段的名称每次在for循环中更改为myText1、myText2等等。如何在javascript中更改它呢？(例如。document.getElementById("myText1")，document.getElementById(MyText2)
形式场
for ($x = 1; $x <= 15; $x++) {
echo '<td>&l
浏览 8提问于2015-06-11得票数 2
回答已采纳
我有以下问题:我有一个UL列表，我想通过jquery将输入字段的值添加到这个列表中。单击保存链接后，输入应显示为新的li条目。
这个html
<ul id="first">
<li><input name="" size="40" maxlength="60" value="" id="up-form" /> <a href="javascript:;" onClick="javascript: $('#first')
浏览 1提问于2010-11-13得票数 0
我告诉视图显示一个包含NID内容的字段。我告诉它，我希望“重写该字段的输出”，并输入：
<a href=”javascript:void(0);” onclick="javascript: approve([nid])" >Approve</a>
当查看页面时，所有的javascript都被删除了。如何获得视图以接受链接中的javascript，或者如何使用其他方式显示链接？
注意:自定义文本字段也不能工作。
浏览 3提问于2009-08-18得票数 0
我正在尝试获取.php文档中一个输入字段的值，然后通过触发OnClick事件设置另一个输入字段。
这是我当前的代码
echo" <label onClick=\" document.getElementById(\"hiddenDescriptionField\").value = 'document.getElementById(\"descriptionField\").value'; ";
如何使用javascript从descriptionField设置我的hiddenDescriptionField？
浏览 0提问于2013-04-10得票数 0
回答已采纳
我有两个输入字段，我想将其中一个字段的值添加到另一个字段中。以下是我到目前为止所拥有的：
<input id="server" type="text" value="www.google.com">
<input id="port" type="text">
<button onclick="appendPort()">Save</button>
Javascript
function getPort() {
let portValue = do
浏览 3提问于2017-10-02得票数 2
回答已采纳
1回答
我已经创建了计算项目.My代码，有输入字段，名称，估计财产税。这个输入字段得到两种类型的值.That，两种类型的值%和$值。现在，我的输入字段只获取%值，只有.Not获取$ value.MY旧UI代码：
<td>Estimate Property Tax </td>
<td>
<input name="propertytaxpc" type="text" size="8" maxlength="8" value="<?php echo $
浏览 5提问于2015-09-02得票数 1
回答已采纳
2回答
我有一个用JavaScript动态更新的输入表单。使用d3，我希望创建一个事件侦听器，它将在每次操作这个输入时运行一个函数。
目前，如果手动更改输入字段，它将运行，但如果使用JavaScript更新输入字段，则不会运行。我试过使用.on("change",...和.on("input",...。
下面是我试图获得的功能的一个示例：
<!DOCTYPE html>
<meta charset="utf-8">
<input value="0" id="input1">
<b
浏览 4提问于2017-04-19得票数 0
回答已采纳
如何通过getter获取另一个Javascript函数的事件来调用Javascript事件？
下面是一些示例代码：
<script type="text/javascript">
function keyDownHandler(elem, e)
{
var keyId = e.keyCode;
if(keyId === 13)
{
var clickMethod = elem.onclick;
//now call the clickHandler method.
浏览 0提问于2013-01-22得票数 1
回答已采纳
我有一个包含表单的HTML页面。我想做一些字段"required"。问题是，我没有在表单中使用<input type="submit">，而是使用Javascript函数提交表单，因为我需要向服务器发送Javascript变量。这是我的代码：
<form action="/toServer">
Username: <input type="text" name="usrname" required>
<input type="button" oncl
浏览 2提问于2014-03-20得票数 0
回答已采纳
我有以下html布局：
Please fill up this form carefully:
<input type="button" onclick="printDiv('print'); return false;" value="Print" />
<div id="print">
<form action="" method="post">
<input type="text" name="us
浏览 9提问于2015-06-14得票数 7
下午好。
<iframe width="550" id="iframe1" height="350" scrolling="no" src="blah.com/iframe.html"></iframe>
<script type="text/javascript">
function insertTxt() {
var textstring = "";
parent.iframe1.document.ge
浏览 4提问于2017-07-02得票数 2
实际情况：
用户单击“”按钮(万一输入字段为空)
javascript函数执行，但它返回到另一个视图。
假设是这样的，一旦用户单击按钮并将其输入字段左空，javascript函数将保持相同的视图。
以下是我的Javascript函数：
function validateInput() {
var strStartDate = document.ReportSearchForm.StartDate.value;
var strEndDate = document.ReportSearchForm.EndDate.value;
var strDptId = document.
浏览 3提问于2015-11-26得票数 2
我有一个使用jQuery验证插件在客户端验证的表单。为了简洁起见，我创建了一个简单的测试用例来展示我的问题。表单有一个文本输入字段和一个隐藏输入字段。
<script>
function testThis() {
alert('value before: ' + $("#testhidden").val());
$("#testhidden").val("sometext");
alert('value after: ' + $("#tes
浏览 19提问于2014-09-05得票数 3
回答已采纳
我对javascript非常陌生。所以我有一个选择选项和一个输入字段。当我选择一个特定的选项时，我想要实现的是改变输入字段的值。这就是我尝试过的：
First Name: <input type="text" value="colors">
<select name="">
<option>Choose Database Type</option>
<option onclick="myFunction(g)>green</option>
<
浏览 14提问于2017-06-21得票数 1
回答已采纳
2回答
我是Javascript的新手。我正在尝试将单词"test“替换为文本输入字段中的输入。代码似乎在第一次替换文本，但我希望它在每次在文本字段中输入新值并按下按钮时都这样做。
<p id="replacetext">
1. Test </br>
2. Test </br>
3. Test </br>
</p>
<input id="myInput" type="
浏览 31提问于2019-08-11得票数 1
2回答
嗨，我正在尝试做一个表单，输入数字，在输入字段的表单中，但是有一些按钮来设置该字段的样式，以及一个锚标记将表单发送到一个php文件。单击其中一个按钮立即发送当前值，如何停止？
<form name="destination" action="../a.php" method="post">
Quantity :
<button onclick="dec('amount')">-</button>
<input name="amount
浏览 9提问于2022-01-10得票数 1
回答已采纳
2回答
我需要使用div元素显示输入到几个文本字段中的数据。每个文本输入都应该有一个专用的div。
我环顾四周，发现的都是如何创建动态输入。但是，没有人解释如何使用创建的字段读取信息并显示信息。
function display_array()
{
var e = "<hr/>";
for (var y=0; y<array.length; y++)
{
e += "Element " + y + " = " + array[y] + "<br/>";
}
浏览 1提问于2018-01-26得票数 0
回答已采纳
我已经创建了一个由in填充的输入字段，稍后我将使用这些in在我的数据库中通过javascript进行查询。使用foreach循环，字段由各自的ids正确填充。使用javascript，我希望能够访问这个id，但是，使用基于类名的onclick函数，第一个和第二个输入字段的值是唯一返回正确id值的字段，其余输入字段值是从id值为2的第二个输入字段中获取的，而不是返回正确的id值。这是怎么回事？如何从此输入字段检索正确的id值？非常感谢。这是我的密码
查看：
<?php
foreach($data_currencies as $row){
?>
<
浏览 0提问于2013-08-20得票数 0
回答已采纳
我需要这个javascript的帮助，如果用户在字段中输入任何内容，该字段将打印该值，但我希望修改该值的特定部分。用户将提交图像urls，其中有一个特定的字符串，我需要修改。
例如，用户输入类似于：
结果应该是：
这里是代码：
<script type="text/javascript">
function changeText2(){
var userInput = document.getElementById('userInput').value;
document.getElementById('result'
浏览 8提问于2012-12-26得票数 0
回答已采纳
1回答
你好，javascript专家，我已经困在这个代码上几天了，不知道如何修复它。我有一个文本字段，用户可以在其中输入一个值。当该值被提交时，输入的值将生成许多下拉列表。但是，我不太确定代码出了什么问题，但是在您提交值之后，似乎没有响应。
以下是我的当前代码：
Javascript：
<script type="text/javascript">
function getvalue() {
var number = document.getnumber.input.value;
document.getElementById('result').
浏览 0提问于2013-02-14得票数 0
回答已采纳
3回答
我有以下代码
<div class="framepage">
<header>
<script type="text/javascript">
function getBaseUrl() {
return "@Url.Content("~/paging")";
}
function Lo
浏览 0提问于2012-03-30得票数 0
回答已采纳
我有一个无法更改输入值字段名称的表单。HTML中有一个这样的字段，如下所示：
<body>
<form id="f" method="get" action="/code/submit.php">
<input type="text" name="var[list]" id="ixv[list]" value="">
<button type="button" title="Save" onclick="
浏览 1提问于2013-05-05得票数 1
我使用的是JSF 1.1。我有一个JSF页面，其中包含一个请求作用域bean和一个只读输入字段。
<h:inputText id="dt" value="#{bean.sdate}" readonly="#{bean.disable}" />
<a onclick="cal('dt');"><img src="fr.gif" border="0"></a>
当我使用JavaScript设置输入值并点击命令按钮时，输入字段中的数据消失。
浏览 0提问于2012-04-30得票数 6
回答已采纳
我想在div容器的末尾添加一些html数据。目前，我使用的是innerHtml：
<script language="javascript">
var addid = 0;
function addInput(id){
var docstyle = document.getElementById('addlist').style.display;
if(docstyle == 'none')
document.getElementById('addlist').style.displa
浏览 0提问于2012-02-27得票数 2
回答已采纳
9回答
下面是根据单选显示输入字段的代码，如下所示：
脚本
<script type="text/javascript">
function yesnoCheck() {
if (document.getElementById('yesCheck').checked) {
document.getElementById('ifYes').style.visibility = 'visible';
} else {
document.getElementById('ifY
浏览 0提问于2013-07-13得票数 37
回答已采纳
2回答
隐藏输入字段并仍然接受用户输入
、、、、
我正在做一个项目，我需要一个隐藏的输入字段来接受用户输入。
我把javascript放在适当的位置，让它始终专注于输入字段。当div可见时，我可以看到正在键入。当我隐藏div类型并使div再次可见时，我看不到任何更改。当div被隐藏时，我如何才能使它仍然接受用户输入？真的，如果除了隐藏之外还有其他方法，那就太好了。
<html>
<body>
<div id="diva">
<input name="geta" id="geta" type="text" onkeypress="j
浏览 2提问于2013-08-07得票数 0
我正在创建一个猜测游戏，如果用户在输入字段中输入一个数字，然后单击一个按钮，就会显示一个文本，说明该数字是否大于或小于JavaScript创建的随机数。我似乎已经知道了其他的一切，但是我很难获得输入字段中输入的值。
我很感谢你的帮助。
<div class="wrap" >
Project: Guessing Game
<input type="text" name="inputField" value="" id="inputField"/>
<button id="
浏览 2提问于2014-02-10得票数 0
回答已采纳
3回答
如何跟踪输入字段中有值的链接，而无需编写额外的javascript，即html输入和按钮标记中的所有代码？
假设有一个用于搜索的Google站点，并且搜索行在输入中，所以当您单击按钮时，链接https://www.google.com/search?q=和输入字段的值(例如，text )将被替换：
<input type="text" id="search" name="search" value="text">
<button onclick="code">Follow a sear
浏览 2提问于2020-04-23得票数 0
回答已采纳
我对网页设计和编程非常陌生，我有一个问题。我正在开发一个带有javascript、html和css的待办事项列表，我成功地将输入字段连接到一个“添加”-button，并使其在单击按钮时显示在列表中。现在，我想使用css对文本进行样式化。如何在输入字段中设置文本的样式？正如我说的，我希望在我按下列表中的按钮后，我输入的文本出现。
html: 1：
javascript：
function myFunction() {
var li = document.createElement("li");
var inputValue = document.getElementById(&#
浏览 2提问于2020-09-05得票数 0
回答已采纳
这是我的输入字段
<input class="form-control" id="StudentInstitutes_0__Name" name="StudentInstitutes[0].Name" value="" type="text">
我使用clone()来包装上面的输入域。这很好用。
但是我如何通过点击按钮改变上面的id & name索引"0“呢？
例如:如果我第一次点击按钮，输入字段将是：
<input class="form-control" id=
浏览 13提问于2018-08-10得票数 0
3回答
目前，我有三个输入字段。当一个人有文字的时候，锚就会显示在右边。目前，当我键入一个，锚将出现在所有三个输入字段。
我需要知道的是，是否有用于jQuery的这个+类选择器？例如：$(this + '.more')
这是我现在需要的东西，我似乎无法在jQuery API中找到它或任何类似的东西。
HTML：
<div id="max">
<span class="sub title">Max</span>
<input type="text" /><a class=
浏览 0提问于2014-03-30得票数 1
回答已采纳
是否可以使用javascript onclick更改输入字段？？我的代码： <form>
<input type="text" id="demo" value="John">
</form>
<button onclick="myFunction()">Click me!</button>
<script>
function myFunction() {
document.getElementById("demo").val
浏览 13提问于2021-01-20得票数 0
回答已采纳
我正在尝试使用javascript x html字段找出并构造一个代码，以定义一个特定的数字，该数字将用于启动和控制循环，并将导致显示图像。
假设enclose是字段，将由用户输入；
起步号: userinputStart
结束编号: useerinputEnd
<script>
function myFunction()
{
var x="", i = [userinputStart];
do
{
x=x + "<img src=\"http://examplepage.com/" + i + ".jpg\"&
浏览 2提问于2014-05-12得票数 0
我写了一个简单的脚本，在用户需要时添加额外的表单字段: html部分由第一部分和第二部分组成，我在其中定义了一个表单字段模式，准备插入该模式。
<div id="readroot" style="display: none">
<input type="text" value="test" id="name" name="name">
</div>
<form method="post" action="index.php&
浏览 1提问于2011-08-05得票数 0
回答已采纳
我有一个输入字段的文本。我希望字段以空白开始，单击该字段时，将输入的文本设置为其正确的值(例如，保存在"name“字段中)。
如果我这样做，效果会很好：
Buy <input type="text" name="eggs" onclick="this.value=this.name;"> tomorrow.
但是，如果我试图清理DOM并将函数移动到一个单独的javascript文件，它将停止工作：
HTML：
Buy <input type="text" name="eggs" oncl
浏览 1提问于2015-04-29得票数 1
回答已采纳
我有一个输入字段。对此输入字段是持续时间字段。
所以用户可以在下面输入时间liek，
10h10m
200 h40m等。
现在，如果用户输入的持续时间无效，我必须显示一条消息。因此，当用户输入例如10、200或40时，我应该显示无效消息。
下面是我的代码，
function Parent() {
return (
<input
ref={inputRef}
/>
<button onClick= {handleClick}>button</button> //on clicki
浏览 4提问于2020-10-06得票数 0
回答已采纳
1回答
单击submit按钮后，如何禁用多个输入文本字段
html代码：
<input type="text" placeholder="YOUR NAME" id="name"> //first input text field
<input type="text" placeholder="YOUR NAME" id="name"> //second input text field
<button onclick="myFunction()">
浏览 0提问于2020-02-29得票数 0
回答已采纳
我有一个输入文本字段。我需要通过javascript的onClick来传递元素中输入的值。
<form>
<fieldset>
<label>Common Site ID: </label><span><?php echo $commonsiteid ?></span><br>
<label>Acres: </label><input id="acre_value" name="acre_value" type="
浏览 0提问于2015-02-25得票数 0
回答已采纳
2回答
嘿，伙计们，我的onClick事件没有把日期放到文本输入字段中。
<input class="span2" id="datum" name="datum" type="date">
<button class="btn" type="button" onclick="datum()">Heute</button>
<script type="text/javascript">
function datum() {
浏览 8提问于2015-04-28得票数 0
回答已采纳
如何获得JavaScript函数中html输入框的“id”以将值设置为相应的输入框，该输入框调用JavaScript函数
<html>
<script type='text/javascript' src='./javasc.js'></script>
<input type='text' id='one' onclick='setVal()'/>
<input type='text' id='two' onclick='
浏览 2提问于2014-03-12得票数 0
回答已采纳
我需要一个只有一个输入字段和两个按钮的表单。
棘手的部分是我需要输入字段名称的更改取决于按下哪个按钮。
<FORM name="Form1" id="num_colis" method="post">
<INPUT TYPE="text" name="abc OR xyz" value="">
<INPUT type="button" value="Colissimo" onclick="return OnButton1();&#
浏览 6提问于2013-01-07得票数 1
如何单击列表中的笑脸/表情符号并将其放入输入栏？我可以在Inspect元素Q(控制台日志)中看到它正在被单击，但我找不到将其复制到输入字段的方法。 HTML <div id="wrapper">
<div class="bubble-container" ></div>
</div>
<div class="emoji" onclick="javascript:smileySelect(event);">
<span tit
浏览 44提问于2020-09-24得票数 0
回答已采纳
我想使用delete按钮删除单个输入字段元素。
我知道这很简单，但是我错过了什么？如何在不引用输入ID的情况下单独删除输入字段？
function del_input() {
var el = document.querySelector(".one, .two");
el.remove(this);
}
<p>I want to delete them individually, but how?</p>
<div class="one two">
<button onclick="del_i
浏览 53提问于2018-08-13得票数 -2
回答已采纳
下面是我使用的代码，它可以在textarea字段中运行，但不能在输入字段中运行。如何修改代码以便在输入字段中运行？？
<head>
<script type="text/javascript">
function insertText(elemID, text)
{
var elem = document.getElementById(elemID);
elem.innerHTML = text;
}
</script>
</head>
浏览 4提问于2016-05-08得票数 0
回答已采纳
1回答
我正在尝试使用javascript触发文件输入。我正在使用Django表单集，并且我已经获得了输入字段的id，当前我的Javascript函数如下所示： $(document).ready(function(){
$("#show-image-upload-inputs").click(function(){
$("#image-upload-div").toggle();
});
function open_input (id,input_id) {
$(this.id).on("click"
浏览 25提问于2020-04-02得票数 0
回答已采纳
概述：
我正在编写一个HTML页面以显示下拉菜单，并且根据选择的选项，将启用一些输入字段，并禁用一些输入字段，但为此，我使用了value字段(value="production_report")，因此我无法使用它添加行(value="index.html")，因此当单击我的按钮"build“时，它会加载链接(index.html)。
问题：
因此，我在我的JavaScript函数中添加了一个onClick方法，以便在按下HTML中的按钮时加载链接。因此，我的问题是，是否有可能像这样使用onClick()函数？？(下面的代码)，我如何做到这一点？，我已经尝
浏览 3提问于2013-10-02得票数 0
回答已采纳
4回答
这是我的输入字段。当我点击它的时候，我想让它的值为空。我如何使用Javascript的原型框架来做这件事？
<input name="ctl0$txtSearch" type="text" value="Quick Search" id="ctl0_txtSearch" class="MainSearchBar" />
实际上我使用的是PRADO。因此，用于创建输入的html标记是
<com:TTextBox Id="txtSearch" Text="Quick S
浏览 0提问于2011-06-17得票数 0
回答已采纳
当用户在输入字段中插入一个数量时，我试图更新onclick中的函数参数。
<input type="text" id="quantity1" class="quantity_class" />
<input type="submit" id="onclick1" class="quantity_class" value="Add to cart" />
JavaScript
$('#quantity1').keyup(function ()
浏览 1提问于2013-05-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
