如何通过javascript更改选定的属性答案

【问题标题】：How to change selected attribute via javascript如何通过javascript更改选定的属性
【发布时间】：2014-03-28 19:25:43
【问题描述】：

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

使用 Prestashop 创建组合时，您在产品页面上有一个下拉列表，客户可以从中选择组合。在 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();

【问题讨论】：

$('#group_4 option[value="58"]').prop('selected', true).closest('select').trigger('change');
或者只是$('#group_4').val('58')
哇非常感谢你。正是我想要的。现在完美运行

标签： javascript php jquery attributes prestashop

【解决方案1】：

你的引号是错误的，查看控制台你会得到错误Uncaught SyntaxError: Unexpected number

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

应该是

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

【讨论】：

【解决方案2】：

要改变选择的选项，你可以简单地使用纯JS改变选择元素的值：

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

不过，在那之后您仍然需要触发更改事件。

在这里看一个简单的例子：http://jsfiddle.net/BgBGL/1/（使用警报作为 onchange 回调）

【讨论】：