Javascript 单击选择选项值

我想选择“.color”上的选项值单击

但是它不起作用

---

谢谢

您不需要

attr（）

调用，只需

.val（'Black'）

即可：

$(".color").click(function(){
    $(".material_color_select .gfield_select").val('Black');
});   

请注意，您还需要删除

值

属性后的尾随空格：

<select class="gfield_select" id="input_1_2">
    <option value="">--- Please select ---</option>
    <option value="Black">Black</option>
    <option value="Blue">Blue</option>
    <option value="Brown">Brown</option>
</select>

---请选择---
黑色
蓝色
棕色的

---

只需使用以下代码即可：

$( "#input_1_2" ).val();

或者，如果需要选定的字段文本，只需使用以下命令：

$( "#input_1_2 option:selected" ).text();

---

它应该可以工作，请尝试删除

.attr（'selected'，true）

.attr（'selected'，true）

不是必需的。当您想使用它时，请将其用作

.attr（'selected'，'selected'）

。您也可以在javascript文档中获得它。getElementById（“input_1_2”）。options[select.selectedIndex]。value“不工作”是什么意思？单击事件是否已触发？控制台出错？Etc…在select元素上调用的元素

.color

？

.val（）

，将设置选择哪个选项。当您说要选择它时，您的意思是要将焦点移动到它吗？如果是这样，请使用

.focus（）

方法。这是正确的，但不能解释OP的代码不起作用的原因then@A.Wolff由于

值

@rorymcrossan中有额外的空格，所以它不起作用，但我看不到。你在谈论文字，对吧@A.Wolff它在原始问题中-OP在通知超时之前编辑掉了它。@RoryMcCrossan哦，好吧，非常糟糕的OP移动：）

$( "#input_1_2" ).val();

$( "#input_1_2 option:selected" ).text();