Javascript 如何选择和获取两个输入值?

Javascript 如何选择和获取两个输入值?,javascript,jquery,Javascript,Jquery,我有一个问题,当我选择一个选项时,它将完美地获得输入值,但我想再添加一个输入值,即电子邮件,例如, 当我选择(Elvis)选项时,在不同的输入字段中获取两值电话和电子邮件 <select class="name" name="name[]"> <option value="" selected="selected">Please select...</option> <option value="Elvis" data-phonenumber="1111

我有一个问题,当我选择一个选项时,它将完美地获得输入值,但我想再添加一个输入值,即电子邮件,例如, 当我选择(Elvis)选项时,在不同的输入字段中获取两值电话和电子邮件

<select class="name" name="name[]">
<option value="" selected="selected">Please select...</option>
<option value="Elvis" data-phonenumber="11111" data-email="abc@gmail.com">Elvis</option>
<option value="Frank" data-phonenumber="22222" data-email="123@gmail.com">Frank</option>
<option value="Jim" data-phonenumber="33333" data-email="123@gmail.com">Jim</option>
</select>

<input type="text" class="phonenumber" name="phonenumber[]" value="" >
<input type="text" class="email" name="email[]" value="" >

<br />
<select class="name" name="name[]">
<option value="" selected="selected">Please select...</option>
<option value="Elvis" data-phonenumber="11111" data-email="abc@gmail.com">Elvis</option>
<option value="Frank" data-phonenumber="22222" data-email="123@gmail.com">Frank</option>
<option value="Jim" data-phonenumber="33333" data-email="123@gmail.com">Jim</option>
</select>

<input type="text" class="phonenumber" name="phonenumber[]" value="" >
<input type="text" class="email" name="email[]" value="" >
<br />



here is script

<script>
$(document).ready(function() {                                       
    $('.name').live('change', function() {
$(this).next($('.phonenumber')).val($(this).find('option:selected').attr('data-phonenumber'));

    })
 }); 
</script>

请选择。。。
埃尔维斯
直率的
吉姆

请选择。。。 埃尔维斯 直率的 吉姆
这是剧本 $(文档).ready(函数(){ $('.name').live('change',function()){ $(this).next($('.phonenumber')).val($(this).find($(选项:selected')).attr($(数据-电话号码)); }) });
希望能有所帮助。我用过jquery

-编辑----

代码缩进和添加注释

//主体呈现等待
$(文档).ready(函数(){
//循环使用“name”类在每个
$('.name')。每个(函数(idx,elem){
$(元素).更改(函数(){
//获取所选选项元素
var option=$(this.find(':selected');
//获取电话号码数据
var p=$(选项).data('phonenumber');
//获取电子邮件数据
var e=$(可选).data('email');
//查找下一个电话号码输入并设置值
$(elem).parent().find('.phonenumber').val(p);
//查找下一个电子邮件输入并设置值
$(elem).parent().find('.email').val(e);
});
});
});

请选择。。。
埃尔维斯
直率的
吉姆
请选择。。。
埃尔维斯
直率的
吉姆

但我在示例后添加div时遇到了一个问题,它不起作用。您能否帮助Meeded查找输入字段,无论它们有多深。希望能有帮助