リストから要素を選択したときにjqueryで動的要素を追加する

Question

要素のリストがあり、リストから要素を選択すると、コードの "value"が変更されます。

<div class="drop-down-cont zi-5 fleft"> 
      <input class="dd-input" id="packaging_item_packaging_name" name="packaging_item[packaging_name]" title="Packaging Type" type="hidden" value="PX"> 
      <a class="drop-down-link item-qnt" href="#" id="packaging_item_packaging_name_link">Pallet</a> 
      <div class="drop-down pic" style="visibility: visible; "> 
      <div class="blue-tarr"></div> 
      <div class="drop-down-list-cont w400"> 
       <div class="drop-down-list first pt-cases w100p" id="cases_results_"><ul class="w100p"> 

<li id="PX" class="selected"> 
    <a href="javascript:void(0)">Pallet</a> 
</li> 
<li id="PB"> 
    <a href="javascript:void(0)">Pallet Box</a> 
</li> 
<li id="PLP"> 
    <a href="javascript:void(0)">Peel pack</a> 
</li> 

</ul> 



</div> 
       <div class="pic-cont h100p"><img alt="Package Image" src="/images/pi_new/32.jpg?1312107854"> </div> 
      </div> 
      <div class="remark"> 
A platform used to hold or transport unit loads. 

</div> 
      <a class="submit-btn2 pt-choose-btn-" href="javascript:void(0)" id="pack_apply">Apply</a> 
      </div> 
     </div> 

<table id="pallet_table" style="display:none;"> 
    <tbody> 
     <tr> 
     <td> 
      stacking factor: 
     </td> 
     <td> 
      <input class="w44" id="packaging_item_stacking_factor" name="packaging_item[stacking_factor]" size="30" type="text" value="1"> 
     </td> 
     </tr> 
    </tbody> 
    </table> 

は、私が「PX」から「値」を選択して、このスクリプトを実行すると、

if ($('.dd-input').attr('value') == 'PX') { 
    $('#pallet_table').show();} 

をテーブルを表示したいが、これはdynamicly動作しません。私は「なめらか」から「PX」これはあなたの問題を解決する必要があり

Answer 1

に値を変更し、このイベントを処理するにはどうすればよい（this jsfiddleを参照してください）：

jQuery('.dd-input').bind('change', function(){ 
    if (jQuery(this).val() == 'PX'){ 
     // do here whatever you need 
     $('#pallet_table').show(); 
    } 
}); 

私はしかし、表示されていない、あなたが希望する方法ユーザーがこのフィールドの値を変更する（コード内では、フィールドは非表示になっています）。これが別のスクリプトで行われている場合は、現在の方法が最良の方法ではないかもしれませんし、値が変更されたときにそれを行う代わりに明示的に関数を呼び出す必要がありますか？