循环遍历列表元素并将文本添加到输入值

Question

我有div中的列表li左边有文本，而div右边有表单输入我想将表单列表文本附加到div右边的输入值，

两个div都有相同数量的元素;

这就是我所拥有的

$(".left li").each(function(){
  $(".right input").val($(".right input").val()+"_"+(this).text());
}); 

<div class="left">
<ul>
  <li> value from list1 <li> 
  <li> value from list2 <li>
  <li> value from list3 <li> 
</ul> 

</div> 

<div class="right">
<ul>
 <li> <input type="radio" name="somename" value="yes"> <li> 
 <li> <input type="radio" name="somename" value="yes"> <li> 
 <li> <input type="radio" name="somename" value="yes"> <li> 
</ul> 

</div>

我希望能够实现这个目标

    <input type="radio" name="somename" value="yes_value from list1">
    <input type="radio" name="somename" value="yes_value from list2">
    <input type="radio" name="somename" value="yes_value from list3">

Answer 1

有两种方法可以做到这一点

更新，尝试一下：

http://jsfiddle.net/p3e2fng1/

$("div.left li").each(function(e){

    var theid = e + 1;
    var theinput = $("div.right li:nth-of-type("+theid+")").find("input");

    theinput.val(theinput.val() + "_" + $(this).text());

});