javascript - 如何在输入之间传输值

Question

在有人将其标记为重复之前，我已经查看了许多网站并且目前正在使用这个网站 - jQuery - passing value from one input to another寻求指导，但没有结果...我试图将一个值从一种形式的一个输入传递到“表”中的另一个输入。由于一个非常奇怪的原因，我将其放入表格中 - 当表单仅显示在表格中时，它不会显示 Sparql 值，因此 input 被放置在一张 table 。我的代码如下:

表单

<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>

表格

 <table id="results">
       <Full name: 
        <br>
        <input id="userInput" type="text" name="fullname" ${userJson.userId == ''?'': 'disabled'} value="@ViewBag.DisplayName">
        <br>
        <input id="submit" type="submit" value="Submit">
    </table>

JQUERY

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

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

需要更多信息请告诉我:)

Answer 1

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

所以:

$(document).ready(function() {

     $('#submit12').on('click', function (e) { 
       console.log('test');
        $("#txtFullName").val($("#txtFirstName").val() + '_' + $("#txtLastName").val());        
    });
  
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
    First name : <input type="text" id="txtFirstName" value="First"/> <br><br>
    Last name : <input type="text" id="txtLastName" value="Last" /> <br><br>
    Full name : <input type="text" id="txtFullName" name="txtFullName"> <br><br />
    <input id="submit12" type="button" value="Submit">
</form>