Question

我需要在链接点击时通过ID或标题（现在通过值）更改选择选项。

例如：如果我点击 120 * 100 cm 链接，则应选择带有此ID的选项。

希望很清楚。

链接示例：

<a href="javascript:void(0);" onclick="group_1.value='90*300 cm'">90*300 cm</a>

选择列表：

<select onchange="design.ajax.getPrice()" name="group[1]" id="group_1">
   <option value="33" selected="selected" title="90*300 cm" id="90*300 cm">90*300 cm</option>
   <option value="77" title="120*100 cm" id="120*100 cm">120*100 cm</option>
   <option value="78" title="120*150 cm" id="120*150 cm">120*150 cm</option>
</select>

Answer 1

如果您想通过ID执行此操作，请设置选项的所选属性而不是选择值

＆＃13;

<select  name="group[1]" id="group_1">
   <option value="33" selected="selected" title="90*300 cm" id="90*300 cm">90*300 cm</option>
   <option value="77" title="120*100 cm" id="120*100 cm">120*100 cm</option>
   <option value="78" title="120*150 cm" id="120*150 cm">120*150 cm</option>
</select>

<a href="javascript:;" 
   onclick="document.getElementById('90*300 cm').selected=true;">90*300 cm</a>

＆＃13;

备注：您应该考虑摆脱ID中的*和空格等特殊字符。

Answer 2

通过document.getElementById（＆＃34; idofSelect＆＃34;）获取元素，然后将其值更改为您想要的值。

请注意，此方法适用于选项的VALUE，而不是其中的文本。

像这样：

<a href="javascript:void(0);" onclick="document.getElementById('group_1').value='90*300 cm'">90*300 cm</a>

最好将点击行为与html分开，这样你就可以通过javascript以类似的方式绑定事件。

编辑：错过了问题，正如上面的答案所说，你可以将元素和设置属性选为真。

<a href="javascript:void(0);" onclick="document.getElementById('90*300').selected=true">90*300 cm</a>

通过ID更改选择值

2 个答案: