PHP / javascript — pass select option data/attributes to function with inline onchange

Question

How would I pass the selected option from this select:

<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>

To this function:

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

Answer 1

You have this:

<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>

And your JS:

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

There is your selected element.

If you need to get the data attribute you can use:

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