Javascript JQuery设置所选选项

我有两个选择框，默认值是-，我想为这两个选择其他值，我的第一个问题是两个字段都有动态id，如

prod-685209-Size

，因此我在使用id访问时遇到问题

我有以下HTML：

<select class="sku-attr" name="Size">
<option value="_def">-</option>
    <option value="S">S</option>
    <option value="M">M</option>
    <option value="L">L</option>
    <option value="XL">XL</option>
</select>

<select class="sku-attr" name="Color">
    <option value="_def">-</option>
    <option value="Black">Black</option>
    <option value="Blue">Blue</option>
</select>

-
s
M
L
特大号
-
黑色
蓝色

因此，我执行了以下命令：

document.getElementsByTagName（'select'）[0]。selectedIndex=2

document.getElementsByTagName（'select'）[1]。selectedIndex=2

它在前端工作，显示了我的新选项，但没有提示后端，因为它实际上没有选择选项。当我手动单击这些选项时，后端工作正常，基本上我需要另一个解决方案来选择这些选项。

---

如果我没有误解你的要求，那么你需要这样的东西。只需将两个不同的id添加到

select

元素中，并附加一个

change

事件侦听器。例如大小和颜色

var s=document.getElementById（“大小”）；
var c=document.getElementById（“颜色”）；
函数getSize（）{
sizeSelected=s.值；
log（'size='+sizeSelected）；
}
函数getColor（）{
所选颜色=c值；
log（'color='+colorSelected）；
}
s、 addEventListener（'change'，getSize）；
c、 addEventListener（'change'，getColor）

-
s
M
L
特大号
-
黑色
蓝色
您需要在dom命令之后添加.validate（），以实际提示页面
 如果没有正确提交，那么在运行代码时会出现错误。提供一个脚本，但它没有提示后端——是的，因为脚本在前端执行。您可以发布什么代码通知后端值的更改吗？