Voeg dynamische elementen toe met jQuery als ik element uit lijst kies

Question

Voeg dynamische elementen toe met jQuery als ik element uit lijst kies

Ik heb een lijst met elementen en als ik een element uit de lijst kies, veranderen de waarden van de onderstaande code.

    <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_">


  Pallet


  Pallet Box


  Peel pack






</div>
              <div class="pic-cont h100p"> </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>

Ik wil tabel tonen als ik 'waarde' kies voor 'PX' en dit script uitvoer,

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

maar dit werkt niet dynamisch. Hoe ik dit evenement aankan, verander dan van 'smth' naar 'PX'

0

toegevoegd 27 oktober 2011 op 03:53 de auteur Mikhail Grishko bewerkt 27 oktober 2011 op 04:54

Bekeken: 37

de bron

@ MikhailAleksandrovi4: Dit doet ertoe, u bent niet specifiek genoeg. Als u de gebeurtenis aan de vervolgkeuzelijst kunt binden, zou het op deze manier eenvoudiger en schoner zijn.

toegevoegd 27 oktober 2011 op 04:16, de auteur Tadeck, de bron

Ik kan je lijst niet zien in de html die je hebt geplakt. Welke gebeurtenis wilt u activeren?

toegevoegd 27 oktober 2011 op 03:58, de auteur Guilherme David da Costa, de bron

Dit doet er niet toe. Het is een vervolgkeuzelijst van een ander bestand, maar als ik een element kies, is deze veranderingswaarde in <input class = "dd-input" name = "packaging_item [packaging_name]" title = "Packaging Type" type = "hidden" value = " smth ">

toegevoegd 27 oktober 2011 op 04:12, de auteur Mikhail Grishko, de bron

1 antwoord

de auteur Tadeck · Answer 1 · 2011-10-27T04:14Z

Dit zou je probleem moeten oplossen (zie this jsfiddle ):

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

Ik zie echter niet hoe u wilt dat de gebruiker de waarde van dit veld verandert (in uw code is het veld verborgen). Als dit via een ander script wordt gedaan, is de huidige aanpak misschien niet de beste en moet u expliciet een functie noemen in plaats van het te doen wanneer de waarde wordt gewijzigd?