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

私は要素のリストを持っています。リストから要素を選択すると、コードの "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">
          Pallet
          <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_">


</div>
              <div class="pic-cont h100p">Package Image </div>
            </div>
            <div class="remark">
A platform used to hold or transport unit loads. 

</div>
            Apply
          </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();}

これは動的には機能しません。どのように私はこのイベントを処理することができますし、私は 'スムース'から 'PX'

0
@ MikhailAleksandrovi4:これは問題です、あなたは十分に具体的ではありません。イベントをドロップダウンリストにバインドすることができれば、そのようにする方が簡単で洗練されたものになります。
追加された 著者 Tadeck,
貼り付けたHTMLのリストが表示されません。どんなイベントをトリガーしますか?
追加された 著者 Guilherme David da Costa,
これは問題ではありません。それは他のファイルからのドロップダウンリストですが、いくつかの要素を選択すると、<input class = "dd-input" name = "packaging_item [packaging_name]" title = "Packaging Type" type = "hidden" value = smth ">
追加された 著者 Mikhail Grishko,

1 答え

これはあなたの問題を解決するはずです(このjsfiddle を参照してください):

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

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

0
追加された
@ MikhailAleksandrovi4:何かが送信される前にコードを実行する可能性はたくさんあります。 submit イベントを傍受することもできます。プレフィルタAJAXが呼び出します。本当に、「これを行うことはできません」というのは、ほとんどの場合、可能な解決策を過小評価した結果です。
追加された 著者 Tadeck,
このコードはうまく動作しません。 jsfiddle.net/Uur9A/16 しかし、私の文脈では、このソリューションは、仕事。私はこのイベントが提出する前に実行しなければならないフォームを持っています
追加された 著者 Mikhail Grishko,
はい、以前の投稿を使用することができました。ここでは、要素のリストから選択します
追加された 著者 Mikhail Grishko,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript