javascript - 无法在此代码中获取 this.value

Question

function showData(){
  Object.keys(JSONcall).forEach(function(key){
    var tvShow = JSONcall[key].show;
    $('#show-select').append("<option class=\"selectS\"" + 
      "id=\"" + key + "\"" + "value=\"JSONcall[" + key + "]
      .show\" onchange=\"selectShow(this.id)\">" + tvShow.name + "</option>");
  });
}

你好，我有这个forEach循环，其中函数是附加 JSON 对象的结果。添加后的结果是:

<option class="selectS" id="0" value="JSONcall[0].show" 
   onchange="selectShow(this.id)">Some Value</option>

第一个问题:附加 onchange=(function()) 是否明智？像那样？

selectShow(value)是一个函数，用于获取 <option> 的 id并在另一个 <div> 中显示数据.

最后一个问题是为什么我无法得到this.id的结果？在这种情况下？

Answer 1

像这样创建选项元素，三个不需要 id 在选项元素上，因为你在 option 上有 val 来识别它.

$('<option>').val(key).text(tvShow.name).appendTo('#show-select');

还有一件事 selectShow() 必须应用于 select 而不是 option。

<select onchange= "selectShow()"> </select>

function selectShow(){
  console.log($( "#show-select" ).val());
}