我根据这个问题中接受的答案进行了以下工作。
请参阅此链接以了解其工作原理
<form action="" name="testform" method="post" id="testform">
<div id='div_block1'>
<input type="text" value="" name="a[]" class='input_text'>
<input type="text" value="" name="b[]" class='input_text'>
<input type="text" value="" name="c[]" class='input_text'>
<select id='block1'>
<option value="" data-value=""></option>
<option value="1" data-value="11,12,13">1</option>
<option value="2" data-value="21,22,23">2</option>
<option value="3" data-value="31,32,33">3</option>
<option value="4" data-value="41,42,43">4</option>
<option value="5" data-value="51,52,53">5</option>
</select>
</div>
<div id='div_block2'>
<input type="text" value="" name="a[]" class='input_text'>
<input type="text" value="" name="b[]" class='input_text'>
<input type="text" value="" name="c[]" class='input_text'>
<select id='block2'>
<option value="" data-value=""></option>
<option value="1" data-value="11,12,13">1</option>
<option value="2" data-value="21,22,23">2</option>
<option value="3" data-value="31,32,33">3</option>
<option value="4" data-value="41,42,43">4</option>
<option value="5" data-value="51,52,53">5</option>
</select>
</div>
</form>
<script>
$(function() {
$('select').on('change', function() {
var div_id = 'div_'+$(this).attr('id');
var select_val = $(this).find('option:selected').data('value');
console.log();
if( select_val != '' ) {
var a = select_val.split(',');
$('div#'+div_id+' input[name="a[]"]').val(a[0]);
$('div#'+div_id+' input[name="b[]"]').val(a[1]);
$('div#'+div_id+' input[name="c[]"]').val(a[2]);
} else {
$('div#'+div_id+' input.input_text').val('');
}
});
});
</script>
我想稍微改变一下,例如,如果我选择 1,我会得到 a[]、b[]、c[] 的两个值
我做了以下
<form action="" name="testform" method="post" id="testform">
<div id='div_block1'>
<input type="text" value="" name="a[]" class='input_text'>
<input type="text" value="" name="b[]" class='input_text'>
<input type="text" value="" name="c[]" class='input_text'>
<input type="text" value="" name="a[]" class='input_text'>
<input type="text" value="" name="b[]" class='input_text'>
<input type="text" value="" name="c[]" class='input_text'>
<select id='block1'>
<option value="" data-value=""></option>
<option value="1" data-value="11,12,13,6,12,8">1</option>
<option value="2" data-value="21,22,23,8,10,33">2</option>
<option value="3" data-value="31,32,33,2,8,6">3</option>
<option value="4" data-value="41,42,43,22,54,63">4</option>
<option value="5" data-value="51,52,53,12,34,55">5</option>
</select>
</div>
<div id='div_block2'>
<input type="text" value="" name="a[]" class='input_text'>
<input type="text" value="" name="b[]" class='input_text'>
<input type="text" value="" name="c[]" class='input_text'>
<input type="text" value="" name="a[]" class='input_text'>
<input type="text" value="" name="b[]" class='input_text'>
<input type="text" value="" name="c[]" class='input_text'>
<select id='block2'>
<option value="" data-value=""></option>
<option value="1" data-value="11,12,13,95,44,32">1</option>
<option value="2" data-value="21,22,23,12,35,51">2</option>
<option value="3" data-value="31,32,33,21,12,24">3</option>
<option value="4" data-value="41,42,43,35,52,15">4</option>
<option value="5" data-value="51,52,53,23,42,15">5</option>
</select>
</div>
</form>
见小提琴。根据我对第一个如何工作的理解,我认为这会起作用,但是它只取 a[]、b[]、c[] 的最后一个值,例如 6、12、8、6、12、8 而不是 11,如果选择 1,则为 12、13、6、12、8。
我还需要添加什么才能使其按需要工作?