相关疑难解决方法(0)

如何通过JavaScript 获取当前选定<option>的<select>元素？

我有一个带有选择下拉列表的表单，其中包含通过循环对象构建的选项。每个选项都有一个关联的value属性和一个自定义属性data。

我可以检索value就好了，但我无法访问该data属性。我尝试遵循此处找到的 JavaScript 模式，但无济于事。返回的值为undefined。

这是带有表单的组件：

import React from 'react';
import Option from './Option';

class AddmenuItemForm extends React.Component {
  createMenuItemTest(event) {
    event.preventDefault();

    const menuItem = {
      subsectionObjectId: this.subsectionObjectId.value,
      orderIndex: this.subsectionObjectId.selectedIndex.data,
    }

    this.props.addMenuItem(menuItem);

    this.menuItemForm.reset();
  }

  render() {
    const { subsections } = this.props;

    return (
      <div>
        <form ref={(input) => this.menuItemForm = input} onSubmit={(e) => this.createMenuItemTest(e)}>
          <select
            ref={(input) => this.subsectionObjectId = input}
            className="input mtm">
            {
              Object
                .keys(subsections)
                .map(key => …