下拉菜单：onChange，找到选项值的选择id

Question

例如，我有以下结构：

<select id = 'omg' onchange= 'select(this.value)'>
    <option>'wow'</option>
    <option>'pls'</option>
    <option>'werk'</option>
</select>

选择一个选项后，无论它看起来如何，选择函数都会输出选项的选定值，即'wow'、'pls'、'werk'。

我目前无法选择下拉菜单的 ID。我想要的结果的一个例子是选择 3 个选项中的任何一个，然后让 onchange 函数输出为“omg”。

---

我现在的想法是有

onchange = 'select(this.value, this)'

onchange 函数本身看起来像这样：

function select(value, element) {
    var ele = element ; //part where I'm stuck on (I select entire object, but now what?)
    //code for what I want to do with value but that's irrelevant to question
}

Answer 1

如果你使用 jquery，你也可以这样做：

基于上述评论：“我希望 select 输出整个 . 的“select id”。不是特定选项的 id，因为它们显然不存在。” p>

   $(document).on('ready',function(){
      $("#omg").on('change',function(e){ console.log($(this).attr('id'), " returns = ", $(this).val() );  });     
    });

Answer 2

试试这个？

<select id = "omg" onchange="select(this.value)">
<option value="0">'wow'</option>
<option value="1">'pls'</option>
<option value="2">'werk'</option>
</select>

已编辑：基于 cmets - 这是可选方法，因为在未声明 value 属性的情况下，有一个默认方法来获取文本。