所以我需要追加和取消追加div,其中包含所选选项的值,问题是,首先显示所选值的方法是通过。使用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>'
);
});
});
<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>'
);
});