Javascript 如何在输入之间传递值

在任何人将此标记为副本之前，我已经查看了许多站点，目前正在使用此站点作为指导，但没有结果。。。我试图将一个值从一种形式的一个输入传递到“表”中的另一个输入。我之所以把它放在一个表中，是因为一个非常奇怪的原因——它不显示

Sparql

值，而表单中只显示在一个表中，因此

输入

被放在一个表中。我的代码如下：

表格

<form  onclick="txtFullName.value = txtFirstName.value +'_'+ txtLastName.value">
    First name : <input type="text" name="txtFirstName" value="@ViewBag.FirstName"/> <br><br>
    Last name : <input type="text" name="txtLastName" value="@ViewBag.LastName" /> <br><br>
    Full name : <input type="text" id="txtFullName" name="txtFullName"> <br><br />
    <input id="submit12" type="button" value="Submit">
</form>

我试图在按提交时将

txtFullName

显示到

userInput

输入中，但现在在按提交时仅显示“txtFullName”。提交也是表单中的提交按钮

---

需要更多信息请告诉我：）

如果要在userInput中显示txtFullName，只需执行以下操作：

$('#submit12').on('click', function (e) { //Form submit 
        $('#userInput').val($('#txtFullName').val());
});

$('#submit12').on('click', function (e) { //Form submit 
    $('#userInput').change(function () {
        $('#txtFullName').val($(this).val());
    });
});
$('#submit').on('click', function () { //Form submit         
    $('#userInput').val($('#txtFullName').val());
});

---

如果您在单击提交时需要更改，那么为什么您需要在此处更改功能。

如果您想在userInput中显示txtFullName，只需执行以下操作：

$('#submit12').on('click', function (e) { //Form submit 
        $('#userInput').val($('#txtFullName').val());
});

$('#submit12').on('click', function (e) { //Form submit 
    $('#userInput').change(function () {
        $('#txtFullName').val($(this).val());
    });
});
$('#submit').on('click', function () { //Form submit         
    $('#userInput').val($('#txtFullName').val());
});

---

如果您在单击提交时需要更改，为什么您需要在此处更改功能。

如果您尝试使用提交按钮，则需要将表单上的

onclick

更改为

action

。另一种方法是使用输入类型按钮而不是提交：

因此：

$（文档）.ready（函数（）{
$（#submit12'）。在（'click'，函数（e）{
console.log（'test'）；
$（“#txtFullName”）.val（$（“#txtflastname”）.val（）+''.'+$（“#txtLastName”）.val（））；
});
});

名字：


姓氏：


全名：


如果您试图使用提交按钮，则需要将表单上的
onclick
更改为
操作。另一种方法是使用输入类型按钮而不是提交：

因此：


$（文档）.ready（函数（）{
$（#submit12'）。在（'click'，函数（e）{
console.log（'test'）；
$（“#txtFullName”）.val（$（“#txtflastname”）.val（）+''.'+$（“#txtLastName”）.val（））；
});
});

名字：


姓氏：


全名：


这两个按钮的作用并不完全清楚，但操作本身非常简单。有关解释，请参见注释内联：


//等待DOM加载并且所有元素都可用
addEventListener（“DOMContentLoaded”，function（））{
//获取所需DOM元素的引用
var theForm=document.getElementById（“frmTest”）；
var txtFirstName=document.getElementById（“txtFirstName”）；
var txtLastName=document.getElementById（“txtLastName”）；
var txtFulltName=document.getElementById（“txtFullName”）；
var txtUserInput=document.getElementById（“txtUserInput”）；
var btn1=document.getElementById（“btnSubmit1”）；
var btn2=document.getElementById（“btnSubmit2”）；
//函数将名称连接在一起
函数combine（）{
txtFullName.value=txtflastname.value+'\'+txtLastName.value；
}
//设置事件处理程序
frmTest.addEventListener（“单击”，合并）；
btn1.addEventListener（“单击”，合并）；
});

名字：



姓氏：



全名：


这两个按钮的作用并不完全清楚，但操作本身确实非常简单。有关解释，请参见注释内联：


//等待DOM加载并且所有元素都可用
addEventListener（“DOMContentLoaded”，function（））{
//获取所需DOM元素的引用
var theForm=document.getElementById（“frmTest”）；
var txtFirstName=document.getElementById（“txtFirstName”）；
var txtLastName=document.getElementById（“txtLastName”）；
var txtFulltName=document.getElementById（“txtFullName”）；
var txtUserInput=document.getElementById（“txtUserInput”）；
var btn1=document.getElementById（“btnSubmit1”）；
var btn2=document.getElementById（“btnSubmit2”）；
//函数将名称连接在一起
函数combine（）{
txtFullName.value=txtflastname.value+'\'+txtLastName.value；
}
//设置事件处理程序
frmTest.addEventListener（“单击”，合并）；
btn1.addEventListener（“单击”，合并）；
});

名字：



姓氏：



全名：


按如下方式编辑JQuery：

$('#submit12').on('click', function (e) { //Form submit 
        $('#userInput').val($('#txtFullName').val());
});

$('#submit12').on('click', function (e) { //Form submit 
    $('#userInput').change(function () {
        $('#txtFullName').val($(this).val());
    });
});
$('#submit').on('click', function () { //Form submit         
    $('#userInput').val($('#txtFullName').val());
});

我不清楚您为什么这样做，但它可以修复您的代码。
如下编辑JQuery：

$('#submit12').on('click', function (e) { //Form submit 
        $('#userInput').val($('#txtFullName').val());
});

$('#submit12').on('click', function (e) { //Form submit 
    $('#userInput').change(function () {
        $('#txtFullName').val($(this).val());
    });
});
$('#submit').on('click', function () { //Form submit         
    $('#userInput').val($('#txtFullName').val());
});

我不清楚你为什么这么做，但它可以修复你的代码。
你不能在表单之外有一个
input type=submit
。还有，为什么在这里使用JQuery？@ScottMarcus，因为我在跟踪发布的链接。$（'txtFullName'）-选择器错误。为什么不直接使用
$（'userInput'）.val（$（'txtFullName'）.val（））
您不能将
输入类型=submit
置于表单之外。还有，为什么在这里使用JQuery？@ScottMarcus，因为我在跟踪发布的链接。$（'txtFullName'）-选择器错误。为什么不直接使用
$（'userInput'）.val（$（'txtFullName'）.val（））