Javascript 当我从列表中选择元素时，使用jquery添加动态元素

我有一个元素列表，当我从列表中选择元素时，下面代码中的“值”正在改变

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

---

但这不是动态的。如何处理此事件，然后将值从“smth”更改为“PX”

这将解决您的问题（请参阅）：

---

但是，我不知道您希望用户如何更改此字段的值（在您的代码中，此字段是隐藏的）。如果这是通过不同的脚本完成的，那么当前的方法可能不是最好的方法，您应该显式调用某个函数，而不是在值更改时执行此操作？

我在您粘贴的html中看不到您的列表。你想触发什么事件？这无关紧要。这是另一个文件中的下拉列表，但当我选择某个元素时，@MikhailAleksandrovi4中的这个更改值：这很重要，您不够具体。如果您能够将事件绑定到下拉列表，那么这样做会更容易、更简洁。这段代码可以正常工作，但在我的上下文中，此解决方案不起作用。我有一个表单，在此之前必须执行此事件submit@MikhailAleksandrovi4：在提交内容之前执行代码有多种可能性-您可以拦截

submit

事件，甚至可以。实际上，说“这不可能”在大多数情况下是因为低估了可能的解决方案。是的，我能够使用上一次提交，从元素列表中进行选择

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

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