2016-02-08 40 views
1
<form action="" id="form2"> 
    <div> 
    <input type="text" id="third"> 
    <input type="submit" id="submit_form"> 
    </div> 

</form> 
<div> 
    <input type="text" id="fourth"> 
</div> 

兩個文本輸入,一個提交按鈕。在提交表單時,第一個輸入的值在jQuery或JS的其他輸入中出現?兩個文本輸入,一個提交按鈕。提交表單時,第一個輸入的值會在jQuery或JS的其他輸入中出現?

提交表單後,在另一個輸入字段中顯示輸入值。

如何通過僅使用JavaScript或jQuery來完成此項工作?

+0

你問或說什麼?它發生了還是你想讓它發生? – Rayon

+0

我正在尋求解決方案。怎麼可能? – kirankumar

+0

提交時的含義是什麼會消滅當前頁面?您也可以通過簡單的按鈕來完成此操作 – Hemal

回答

2

使用button代替submit輸入類型,在這裏你去:

$('#submit_form').click(function(){ 
 
    
 
    $('#fourth').val($('#third').val()); 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="" id="form2"> 
 
     <div> 
 
      <input type="text" id="third"> 
 
      <input type="button" id="submit_form" value="Submit"> 
 
     </div> 
 

 
    </form> 
 
    <div> 
 
     <input type="text" id="fourth"> 
 
    </div>

+0

謝謝。這是工作yar – kirankumar

+0

@kirankumar不客氣 –

0

上述方案是正確的,但我想提供只有JavaScript的解決方案。 你可以使用按鈕並給它一個onClick屬性。

<form action="" id="form2"> 
<div> 
<input type="text" id="third"> 
<input type="button" id="submit_form" onclick="checkInput()" value="Submit"> 
</div> 
</form> 
<div> 
<input type="text" id="fourth" > 
</div> 

function checkInput() { document.getElementById('fourth').value=document.getElementById('third').value;} 
0
<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 

<script> 
    $(document).ready(function() { 

     $('#form2').submit(function (event) { 
      event.preventDefault(); 
      $('#fourth').val($('#third').val()); 
      $('#form2').submit(); 

     }); 
    }); 
</script> 
</head> 
<body> 
<form id="form2"> 
    <div> 
    <input type="text" id="third" value="ssss"> 
    <input type="submit" id="submit_form"> 
    </div> 

</form> 
<div> 
    <input type="text" id="fourth"> 
</div> 

</body> 
</html> 
相關問題