如何将完整的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...

所有的ver2都是一样的，只有img、title、wag和div`s不同：

<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时，我需要最近的ad中包含来自user的选定和填充数据的ad DOM，将其复制到名为"finish-text“的文本字段并发送表单。

我的问题是，当我克隆DOM时，里面没有select和填充的数据，并且在"finish- text“中没有要发送的文本：

$(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并使用上面的值将其粘贴到"finish-text”字段中？谢谢!

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>

​

你要找的可能是这样的东西？