完全なDOMフォームをテキストフィールドにコピーしてjqueryで送信する方法

Question

私は多くの広告を持つリストを持っています。すべての広告には、同じクラス次の例のようにあります。

<div class="ad1-wpr">...some code...</div> 
<div class="ad1-wpr">...some code...</div> 
<div class="ad1-wpr">...some code...</div> 
and so on... 

すべてdiv`sが同じ、唯一のimg、タイトル、WAGであり、異なるVER2です：

<div class="ad1-wpr"> 
<img>link to img</img> 
<div class="title">Title</div> 
<select name="wag"> 
      <option>1</option> 
      <option>2</option> 
</select> 
<input name="res" id="ver2" value=""> 
<button type="button" id="selad" class="button">Send Form</button> 
</div> 

さて、ときボタンのseladがクリックされたとき、私は、ユーザーからの選択され満たされたデータで最も近い広告から広告DOMを必要とし、それを "finish-text"というテキストフィールドにコピーしてフォームを送信します。

私の問題は、私はDOMのクローンを作成する際に、「仕上げ-テキストは」それを送るべきテキストではないの内側とで、私は選択して満たされたデータをhaven'tです：

$(function(){ 
$('#selad').click(function() { 

    var $text = $('.ad1-wpr').clone(); 
    $('.finish-text').html($text); 

});}); 

更新：今、私は持っています選択ボックスと入力データを抽出するための解決策（@AthMavのおかげで）：

myFunc = function(el){ 

    var parent = $(el).parent(); 
    var selectValue = parent.find("select").val(); 
    var inputValue = parent.find("input").val(); 

    $(".finish-text").val(selectValue + ", " + inputValue); 


} 

どのように私は、「AD1-WPR」からDOMを抽出し、上記の値を「仕上げ・テキスト」フィールドに貼り付けることができます？ありがとう！

Answer 1

myFunc = function(el){ 
 

 
    var parent = $(el).parent(); 
 
    var selectValue = parent.find("select").val() 
 
     
 
    $(".finish-text").val(selectValue); 
 
    
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="ad1-wpr"> 
 
    <select name="wag"> 
 
    <option value="first">first</option> 
 
    <option value="second">second</option> 
 
    </select> 
 
    <button onclick=myFunc(this)>Send Form</button> 
 
</div>

あなたが後にしている。このようなものになるかもしれませんか？ただし、マークアップのonclickではなく、ボタンのクリックイベントを適切にバインドすることをお勧めします。