在这个小提琴中,当您选择一个值时,它会填充所有输入字段。我试图在这个小提琴中使用同样的原则,但它不起作用。我不太清楚为什么?
我没有收到任何错误,但我觉得下面的代码好像在错误的位置并且被忽略了?
jQuery('#newtable select').on('change', function() {
var div_id = 'div_'+jQuery(this).attr('id');
var select_val = jQuery(this).find('option:selected').data('value');
console.log();
if( select_val != '' ) {
var a = select_val.split(',');
var count = 0;
jQuery('tr#'+div_id+' .flag').each(function() {
jQuery(this).val(a[count]);
++count;
});
} else {
jQuery('tr#'+div_id+' input.input_text').val('');
}
});
我在第二个小提琴中想要实现的是,当您选择“Ryan $100”时,它会更新以下代码。
<table id="newtable">
<tr id='div_m2'>
<input type="hidden" class='input_text flag' value="0" name="id[]">
<input type="hidden" class='input_text flag' value="0" name="name[]">
<input type="hidden" class='input_text flag' value="0" name="sales[]">
<input type="hidden" class='input_text flag' value="0" name="price[]">
<td colspan="3">
<select id='m2'>
<option value="" data-value="">Choose Salesman</option>
<option value="0" data-value="id_03,Ryan,1,100">Ryan $100</option>
<option value="0" data-value="id_01,Tom,1,100">tom $100</option>
</select>
</td>
</tr>
</table>
对此
<input type="hidden" class='input_text flag' value="id_03" name="id[]">
<input type="hidden" class='input_text flag' value="Ryan" name="name[]">
<input type="hidden" class='input_text flag' value="1" name="sales[]">
<input type="hidden" class='input_text flag' value="100" name="price[]">
当您执行此操作时,还会运行 showValues(),以便将上述数据包含在我正在生成的表中。
因此,如果您选择 ryan $100,我想要的表格输出是。
<table id="results">
<tbody>
<tr><th>Rank</th><th>Salesman</th><th>Products Sold</th><th>Total Sale Price</th><th>Commission (30% of Total Sale Price + 5 for each sale)</th></tr>
<tr data-id="id_03"><td>1</td><td>ryan</td><td>2</td><td>110</td><td>550.00</td></tr>
<tr data-id="id_02"><td>2</td><td>Jerry</td><td>3</td><td>60</td><td>300.00</td></tr>
<tr data-id="id_01"><td>3</td><td>Tom</td><td>5</td><td>50</td><td>250.00</td></tr>
</tbody>
</table>