【问题标题】:send to hidden input value another visible text input in the same form in php [closed]在php中以相同的形式向隐藏的输入值发送另一个可见的文本输入[关闭]
【发布时间】:2015-08-29 15:24:07
【问题描述】:

有没有一种简单的方法可以将另一个可见文本输入值中的值以一种形式发送到隐藏输入值?我的点击操作将根据操作来源使用不同的引用名称。看我的例子:

<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/';" />

【问题讨论】:

  • 使用 JS,您可以在可见输入更新时更新隐藏输入值..
  • 你能给我举个例子吗?
  • 您能否向我们展示您尝试使用的代码示例? 编辑你的问题,不要放在评论中

标签: php forms hidden-field


【解决方案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 事件发生在元素的值已更改时,因此使用 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

【讨论】:

  • 抱歉我的初学者问题,但是我应该在我的页面中的什么位置放置这个 JS 函数?
  • 在 jQuery 库下面的任何地方,它都是 DOM 就绪的(注意:jQuery 库总是排在第一位的)
  • 我的错误,我忘了评论我正在使用 php 来处理这个表单。任何改变?我需要学习理解你的代码。无论如何,我感谢您的帮助。
  • 你能把php的例子放在这里看看吗,
  • 还用详细信息和参考资料更新了答案,您可以在其中找到有关代码的更多详细信息
【解决方案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>

【讨论】:

    猜你喜欢
    • 2013-08-18
    • 1970-01-01
    • 1970-01-01
    • 2015-06-30
    • 2012-02-05
    • 1970-01-01
    • 1970-01-01
    • 2016-03-13
    相关资源
    最近更新 更多