<div>
<ul>
<li class="mybox addr-body">
<div class="subtr">
<div class="w_100 subtd">
<p class="fontbox">驾校:</p>
<div class="divbox">
<input class="w_100 input01 val01" type="text" value="aaaa" placeholder="" />
</div>
</div>
<div class="w_100 subtd">
<p class="fontbox">驾校:</p>
<div class="divbox">
<select class="w_100 input01 val01" >
<option>111</option>
<option selected="selected">222</option>
<option>3333</option>
</select>
</div>
</div>
</div>
</li>
</ul>
<ul class="newaddbox" ref="newaddhtml" v-html="addliHtml"> </ul>
<div @click="fn1">驾校+</div>
<div @click="fn2">提交获取值</div>
</div>
function fn1(){
var ht ='<div class="subtr">' +
'<div class="w_100 subtd">' +
' <p class="fontbox" >驾校:</p>' +
' <input class="w_100 input01 val01" data-code="" placeholder="请填写" />' +
'</div>' +
'<div class="w_100 subtd">' +
' <p class="fontbox" >请</p>' +
' <input class="w_100 input01 val02" data-code="" placeholder="请填写" />' +
'</div>' +
'</div>'+
' <div class="subtr">' +
'<div class="w_100 subtd">' +
' <p class="fontbox" >请</p>' +
' <input class="w_100 input01 val03" placeholder="请填写" />' +
'</div>' +
'<div class="w_100 subtd">' +
' <p class="fontbox" >请</p>' +
' <input class="w_100 input01 val04" placeholder="请填写" />' +
'</div>' +
'</div>';
let adiv = document.createElement('li')
adiv.setAttribute("class","mybox addr-body");
adiv.innerHTML = ht;
proxy.$refs["newaddhtml"].append(adiv)
//this.$refs.refdiv
}
function fn2(){
var address = []
var selectDiv = document.querySelectorAll(".addr-body");
selectDiv.forEach(function(item,index){
var body = {}
body.detail = item.querySelector(".val01").value ;
address.push(body);
})
console.log(address);
}