Question

我有一个问题，我正在努力解决。需要一些正确方向的建议：

使用Prestashop创建组合时，您在产品页面上有一个dropdwon-list，客户可以从中选择组合。在product.tpl文件中，我创建了一些额外的按钮，以吸引客户对特定组合的关注。现在，我想在用户点击该按钮时自动选择和激活此组合。我在product.tpl文件中输入了一些javascript代码，当单击按钮时，该文件也隐藏了一些其他元素。我只是不能让它工作，鼠标点击选择某个属性选项。有人可能有一些线索来解决这个问题吗？

这是产品页面中属性的选择选项列表。例如，我想在按钮上单击选择选项“大”并通过onclick功能在产品页面中激活，并在模板中使用jquery / javascript。怎么做到这一点？

<select id="group_4" class="attribute_select selectBox" onchange="findCombination();getProductAttribute();$('#wrapResetImages').show('slow');;" name="group_4" style="display: none;">
<option title="Small" selected="selected" value="21">Small</option>
<option title="Medium" value="41">Medium</option>
<option title="Large" value="40">Large</option>
<option title="Extralarge" value="25">Extralarge</option>

我试过这个但是它不起作用：

$('#group_4 option[value='58']').attr('selected', 'selected').change();

Answer 1

您的报价错误，查看控制台会出现错误 Uncaught SyntaxError：Unexpected number

$('#group_4 option[value='58']').attr('selected', 'selected').change();
                         ^  ^

应该是

$('#group_4 option[value="58"]').attr('selected', 'selected').change();

Answer 2

要更改所选选项，您只需使用普通JS：

更改select元素的值

document.getElementById('group_4').value = 58;

尽管如此，你仍然需要触发更改事件。

请在此处查看一个简单示例：http://jsfiddle.net/BgBGL/1/（使用alert作为onchange回调）

如何通过javascript更改所选属性

2 个答案: