Javascript 根据foreach中的选择值显示Div
我们有在列表中显示的产品。 为此,我们使用foreach 我们的清单上大约有25种产品。在这里,我们尝试隐藏“添加到购物车”按钮,直到使用“选择”选项进行选择 对于每个不起作用的产品,我们对每个产品都有相同的类 按照下面的脚本,我们没有成功。加载需要很长时间,更改“选择”也不会起任何作用,添加到购物车按钮也不会隐藏 以下是我们目前的代码:Javascript 根据foreach中的选择值显示Div,javascript,jquery,foreach,Javascript,Jquery,Foreach,我们有在列表中显示的产品。 为此,我们使用foreach 我们的清单上大约有25种产品。在这里,我们尝试隐藏“添加到购物车”按钮,直到使用“选择”选项进行选择 对于每个不起作用的产品,我们对每个产品都有相同的类 按照下面的脚本,我们没有成功。加载需要很长时间,更改“选择”也不会起任何作用,添加到购物车按钮也不会隐藏 以下是我们目前的代码: <script> $(document).ready( function() { $('.attribute
<script>
$(document).ready( function() {
$('.attribute_select').bind('change', function (e) {
if( $('.attribute_select').val() == 'choose') {
$('#add_to_cart').hide();
}
else if( $('.attribute_select').val() != 'choose') {
$('#add_to_cart').show();
}
}).trigger('change');
});
</script>
{foreach from=$products item=product name=products}
<fieldset class="fs_1">
<select name="s_name1" id="attribute_combination" class="attribute_select">
<option value="choose" selected="selected">CHOOSE....</option>
<option value="1" >1</option>
<option value="2" >2</option>
</select>
</fieldset>
<div id="add_to_cart}">
<a class="" href="..." data-id-product-attribute="{$product.id_product_attribute|intval}" data-id-product="{$product.id_product|intval}" ></a>
</div>
{/foreach}
您有一个将无法匹配的无效DOM ID:
<div id="add_to_cart}">
应该是:
<div id="add_to_cart">
我们现在使用以下代码,但无法仅显示/隐藏属于字段集的ht Add to Cart按钮
$(function() {
$('.add_to_cart').hide();
$('.ndk_attribute_select').change(function(){
if($('.ndk_attribute_select').val() != 'choose') {
$('.add_to_cart').show();
} else {
$('.add_to_cart').hide();
}
});
});
任何最后的TIPP?使用类而不是id,并在处理函数中使用此上下文…如果id不相同,我们将添加{$id\U product}以统一。但是我们不熟悉JavaScription,你的div的id有一个输入错误。应该是这样,但是你有一个错误。