點擊div後將內容推送到div的隱藏輸入

我有一個問題。例如我有3個div，所有這些潛水應該可以點擊。並且在點擊div後，div的值應該被推送到隱藏的輸入並且表單應該被自動提交。我如何以最好的方式做到這一點？點擊div後將內容推送到div的隱藏輸入

UPD

<form action="" method="get"> 
    <input type="text" class="hidden" id="inputID"/> 
    <div id="placeholder"> 
    <div class="addresses"> 
     <div class="address">address 1</div> 
     <div class="address">address 2</div> 
     <div class="address">address 3</div> 
    </div> 
    </div> 
</form>

所以，當你點擊。地址，價值從。地址應該推到#inputID

來源

2015-09-16 Oleg

你能告訴我們一些代碼？ –

@CláudioBarreira像這樣 – Oleg

顯示你試過的jQuery代碼如何？隱藏的輸入和表單在哪裏？如果您顯示詳細信息，代碼不會太難。 –

以下JavaScript應該做你所要求的。

$(".address").click(function() { 
 
    $("#inputID").val($(this).text()); 
 
    $("form").submit(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form action="" method="get"> 
 
    <input type="text" class="hidden" id="inputID"/> 
 
    <div id="placeholder"> 
 
    <div class="addresses"> 
 
     <div class="address">address 1</div> 
 
     <div class="address">address 2</div> 
 
     <div class="address">address 3</div> 
 
    </div> 
 
    </div> 
 
</form>

來源

2015-09-16 15:55:38 dave

是的，確切地說！非常感謝！ – Oleg

$('.address').on('click', function() { 
    $('#inputID').val($(this).text()); 
    $('form').submit(); 
});

來源

2015-09-16 15:56:16 DKrautkramer

$('div.address').click(function() { $('#inputID').val($(this).text()); $('form').submit(); });

來源

2015-09-16 15:56:28

您還需要爲表單添加一個操作，否則它不會完成任何操作。 –

請使用jQuery看看這個解決方案：

HTML：

<form action="" method="get"> 
    <input type="text" class="hidden" id="inputID"/> 
    <div id="placeholder"> 
    <div class="addresses"> 
     <div class="address">Berlin Leipzigerstr. 13</div> 
     <div class="address">Berlin Firedrichstr. 2</div> 
     <div class="address">Berlin Berlinerstr. 90</div> 
    </div> 
    </div> 
</form>

的JavaScript：

$('.address').click(function(){ 
    $('#inputID').val($(this).text()); 
    $('form').submit(); 
});

DEMO

來源

2015-09-16 15:58:33 kbysiec

點擊div後將內容推送到div的隱藏輸入

回答

相關問題