將多個值添加到數組時遇到問題

Question

在this fiddle當您選擇一個值時，它會填充所有輸入字段。我試圖在this fiddle中使用相同的原則，但它不起作用。我不太清楚爲什麼？

我沒有得到任何錯誤，但我覺得好像下面的代碼是在錯誤的地方，並被忽略？

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（）也運行，這樣，上述數據包括在我生成的表。

所以我希望輸出的表，如果你選擇瑞安$ 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> 

Answer 1

這應該解決您的問題：

http://jsfiddle.net/VNSam/19/

如果要更新表格上的選擇，你應該調用showValue（）:-)