php - 从 Smarty PHP 循环 (JQuery) 内的 select 获取选项值

Question

所以我需要追加和取消追加包含所选选项的值的div，问题是首先显示选择值的方法是via。使用 Smarty PHP 模板的 for-each 循环，我无法找到任何有关如何使用它来实现它的文档。

我尝试过的内容:正如您将在下面看到的，我尝试在模板文件中创建一个 JavaScript 变量，但它只返回所选第一个选项的值。我不明白为什么我只得到从循环中获取的第一个值。

例如，如果我在选择“A”和“B”中有两个项目，则在选择值选项时，我将始终只收到“A”作为值。

Smarty 模板代码:

<select class="my_select" name="vlans_{$NetworkDTO->id}[]">
    {foreach from=$arrNetworkDTO item=NetworkDTO name=arr}
    <option class="addOvmCardList" id="addNameDisk{$strIdTpl}" value="{$NetworkDTO->name|escape}">{$NetworkDTO->name}</option>
    {/foreach}
</select>

JQuery 代码:

$('a.addListOVM').click(function(){

    $(".my_select").change(function() {

        $('.addCardOVM').append(
              '<div class="divform"><label>' + $(this).val() + '</label>' +
              '<a href="">-</a></div>'
                );              
    });                             

});

感谢任何帮助。

Answer 1

<select id="my_select">
  {foreach from=$arrNetworkDTO item=NetworkDTO}
   <option value="{$NetworkDTO->name|escape}">{$NetworkDTO->name}</option>
  {/foreach}
</select>

<script>
  $("#my_select").change(function() {
    $(".addCardOVM").append("<div>" + $(this).val() + "</div>")
  });
</script>

编辑:要在单击按钮时获取所选选项的值:

$('a.addListOVM').click(function(){


        $('.addCardOVM').append(
              '<div class="divform"><label>' + $(".my_select:selected").val() + '</label>' +
              '<a href="">-</a></div>'
                );

});