PHP / javascript — 將選擇選項數據/屬性傳遞給內聯 onchange 函數

Question

我將如何從這個選擇中傳遞選定的選項：

<select name="" id="" onchange="return selectType(// the selected option)">
    <?php foreach ($options as $key => $option) { ?>
      <option
        class=""
        data-optionname="<?= $option["name"] ?>"
        data-patterns="<?= join(",", $option["Pattern"]) ?>"
      >
          <?= $option["name"] ?></option>
    <?php } ?>
</select>

到這個功能：

<script>
function selectType(option) {
  patterns = $(option).data("patterns").split(",");
  patterns.push(".zip");
  currtype = $(option).data("optionname");
}
</script>

Answer 1

你有這個：

<select name="" id="" onchange="return selectType(this)">
    <?php foreach ($options as $key => $option) { ?>
      <option href="#"
        class=""
        data-optionname="<?= $option["name"] ?>"
        data-patterns="<?= join(",", $option["Pattern"]) ?>"
      >
          <?= $option["name"] ?></option>
    <?php } ?>
</select>

還有你的 JS：

<script>
function selectType(option) {
    alert(option.value);
}
</script>

有您選擇的元素。

如果您需要獲取數據屬性，您可以使用：

$(option).find("option:selected").data("optionname");