Javascript 将状态设置为从下拉列表中选择的当前项 var Dummy=React.createClass({ onSelect：函数（e）{ this.setstate（{selectedItem:e.currentTarget.value}） }, render:function（）{ 返回 项目1 项目2 项目3 } });

在上面的代码中，我试图将状态设置为从下拉列表中选择的当前项。我知道一个简单的方法是

e.currentTarget.value

，但它返回单击项目的

值。我想要内部文本（即，第1项、第2项等）

我怎样才能做到这一点呢？
只需使用
文本即可：

var Dummy= React.createClass({
onSelect: function(e) {
   this.setstate({ selectedItem: e.currentTarget.value })
},
render: function() {
    return <select onChange={this.onSelect.bind(this)}>
             <option value="1">Item 1</option>
             <option value="2">Item 2</option>
             <option value="3">Item 3</option>
           </select>
    }
});

您可以将
值设置为与文本相同。我不想这样做。我希望
值
属性与文本不同。的可能重复项
this.setstate({ selectedItem: e.target.options[e.target.selectedIndex].text })