javascript - 我无法使用 select 更改 div 的边框样式

Question

我做了一个下拉菜单，它应该改变 div 的边框样式。我正在使用选择和选项 html 标签。当执行 .change() 事件时，我期望将边框样式更改为当前选择值。请告诉我正确的。这是一个JSFiddle链接。

这是js代码

$(function() {
   $("select").change(function() {
     var getChoice = $("select option:selected").val();
     $('.active').css('borderStyle', getChoice);
   });
}); 

Answer 1

只需将 val() 更改为 text()

来自:

$("select option:selected").val();

到:

$("select option:selected").text();