將文本框值轉發到同一頁面中的另一個隱藏文本框中

-1

我有2個文本框，其中一個隱藏。點擊提交後，第一個文本框中輸入的值應該傳遞到隱藏的下一個文本框。將文本框值轉發到同一頁面中的另一個隱藏文本框中

這裏是我的代碼，

<html> 
<head> 
    <title>Contact Form</title> 
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
    <script type="text/javascript" language="javascript"></script> 
    <script> 
    $(function(){ 
    $('#textbox1').blur(function() { 
     $('input[name=textbox2]').($('#textbox1').val()); 

    }); 

}); 
</script> 
</head> 
<body> 
    <form> 
    <input name="textbox1" type="text" class="inputext" value="" style="cursor: text" id="textbox1" /> 
<input name="textbox2" type="hidden" class="inputext" value="" style="cursor: text" id="textbox2" /> 
<input name="Add" type="button" value="Add" id="btn"/> 
</form> 
</body> 
</html>

任何幫助，將不勝感激:)

來源

2014-01-29 Caffeine Coder

這樣做的任何理由？：-S爲什麼你需要隱藏如果你已經有了價值？ – DannyThunder

「點擊提交後，第一個文本框中輸入的值應該傳遞到隱藏的下一個文本框。」這是相同的形式？如果是這樣的話...... – ianace

即使我不知道什麼是重點，但任務已經分配給我:( –

更新您的代碼：

<html> 
    <head> 
     <title>Contact Form</title> 
     <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
     <script type="text/javascript" language="javascript"></script> 
     <script> 
     $(function(){ 
     $('#textbox1').blur(function() { 
      $('input[name=textbox2]').attr('value',$('#textbox2').val()+$('#textbox1').val()); 
    console.log($('#textbox2').val()); 
     }); 

    }); 
    </script> 
    </head> 
    <body> 
     <form> 
     <input name="textbox1" type="text" class="inputext" value="" style="cursor: text" id="textbox1" /> 
    <input name="textbox2" type="hidden" class="inputext" value="" style="cursor: text" id="textbox2" /> 
    <input name="Add" type="button" value="Add" id="btn"/> 
    </form> 
    </body> 
    </html>

來源

2014-01-29 07:54:39 emredelioglu

謝謝，這是:) –

如果我必須不斷地將值附加到第二個文本框值1，我該怎麼辦？ –

$（'input [name = textbox2]'）。attr（'value'，$（'＃textbox2'）。val（）+ $（'＃textbox1'）。val（））; – emredelioglu

你錯過了VAL（）函數

樣品

$('#textbox1').blur(function() { 
     $('#textbox2').val($(this).val()); 
    });

來源

2014-01-29 07:45:21 Manoj

它正在做同樣的事情發生之前，只是傳遞第1個文本框的值。 textbox 2在url中保持空白。 –

 <script> 
     $(document).ready(function() { 
     $('#btn').click(function() { 
     var textbox1=$("#textbox1").val(); 
     $("#textbox2").val(textbox1); 
      }); }); 
</script> 

<form> 
    <input name="textbox1" type="text" class="inputext" value="" style="cursor: text" id="textbox1" /> 
<input name="textbox2" type="text" class="inputext" value="" style="cursor: text" id="textbox2" /> 
<input name="Add" type="button" value="Add" id="btn"/> 
</form>

來源

2014-01-29 07:50:50 3bu1

你的代碼也做到了，但是umurbem的回答很重要。答案通過螢火蟲在日誌中顯示。感謝您的幫助:) –

如果我必須不斷地將值附加到第二個文本框值，我應該怎麼做？ –

將文本框值轉發到同一頁面中的另一個隱藏文本框中

回答

相關問題