Question

是否有一种简单的方法可以在一个表单中向另一个可见文本输入值发送隐藏输入值的值？我的点击操作将使用不同的引用名称，具体取决于操作源。看我的例子：

<form id="floatleft" method="post">
    <label for="name">My Name:</label> 
    <input name="senderName" type="text" value="">
    <input name="first_name" type="hidden" value="">
    <input alt="P" name="submit" type="image" src="https://p.gif" value="P" onclick="this.form.action='https://p.html'" />
    <input alt="z" name="submit" type="image" src="https://www.z.png" value="z" onclick="this.form.action='https://www.z.com/';" />

Answer 1

是的，你可以使用jQuery change函数或keyup函数

来实现

HTML

<input type="text" name="senderName" id="senderName" value="" />
<input type="hidden" name="first_name" id="first_name" value="" />

JS（改变功能）

更改事件发生在元素的值已更改时，因此使用change函数，一旦senderName输入中的值更改其值（或更新值）复制到first_name输入。 More Detail Here

$(document).ready(function(){
    $('#senderName').change(function() {
        $('#first_name').val($('#senderName').val());
    });
});

Fiddle with Change Function

JS（Keyup函数）

使用键盘功能，一旦停止键入，senderName输入的值将被复制到first_name输入。 More Detail Here

$(document).ready(function(){
    $('#senderName').keyup(function(){
        $('#first_name').val($('#senderName').val());
    });
});

Fiddle with keyup function

Answer 2

$(document).ready(function(){

$( "#name").on('change',function() {
 
  $("#hiddenName").val($( "#name").val());
});

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<form name="form" type="post">
<input type="text" name="name" id="name">
<input type="hidden" name="hiddeName" id="hiddenName" value="">
  <input type="submit" name="submit">
  </form>

在php中以相同的形式发送隐藏的输入值另一个可见的文本输入

2 个答案: