如何使用 Jquery 从选项选择 onchange 中检索 id答案

【问题标题】：How to retrieve id from option select onchange with Jquery如何使用 Jquery 从选项选择 onchange 中检索 id
【发布时间】：2021-07-27 23:54:16
【问题描述】：

我正在尝试从所选选项中检索 ID。列表名称有效，但 ID 无效

HTML

<select id="field" name="field" class="imput listing-select-field w-select">
  <option value="">Select one...</option>
  <option id="123" value="First">First</option>
  <option id="111" value="Second">Second</option>
</select>

jQuery

$(".listing-select-field").on("change", function () {
  sessionStorage.setItem("Listing Name", this.value);
  sessionStorage.setItem("Listing Id", $(this).attr("id"));
});

会话存储只显示“字段”

【问题讨论】：

这能回答你的问题吗？ jQuery - getting custom attribute from selected option

标签： jquery select

【解决方案1】：

  sessionStorage.setItem("Listing Name", this.value);

应该是

  sessionStorage.setItem("Listing Name", $(this).val());

【讨论】：

价值不是问题
$(this).value 将为空/未定义。也许您的意思是$(this).val() - 它与this.value 相同

【解决方案2】：

您可以使用$( ".listing-select-field option:selected" ) 来获取选定的选项。然后你可以在他们身上使用.id。

【讨论】：

【解决方案3】：

在selectchange 事件中，$(this) 将是select，而不是选定的option - 因此，正如确认的那样，为您提供所有选项的field。

您需要找到选中的选项：

sessionStorage.setItem("Listing Id", $(this).find("option:selected").attr("id"));

【讨论】：