2015-08-29 37 views
0

是否有一種簡單的方法發送到一個隱藏的輸入值從另一個可見的文本輸入值在一個單一的形式?根據動作來源,我的點擊操作將使用不同的引用名稱。見我的例子:發送到隱藏的輸入值另一個可見的文本輸入在相同的形式在php

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

使用JS,你可以隨時更新可見輸入更新隱藏的輸入值.. – sAcH

+0

'是的,有is.' –

+0

你能告訴我一個例子? –

回答

2

是的,你可以用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功能)

隨着KEYUP功能,一旦停止輸入senderName輸入的值將被複制到first_name輸入。 More Detail Here

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

Fiddle with keyup function

+0

對不起,我的初學者問題,但在我的頁面我應該放置這個JS功能? –

+1

jQuery庫以下的任何地方,它的DOM就緒(注意:jQuery庫總是第一個) – Shehary

+0

我的錯誤,我忘了發表評論,我正在使用PHP的這種形式。任何改變?我需要學習理解你的代碼。無論如何,我感謝你的幫助。 –

1

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

相關問題