所以我試圖在reactjs中獲得一個select
元素的值,但只是無法弄清楚。 this.refs.selectElement.getDOMNode().value
始終爲undefined
。表格上的所有其他控件(如text
)都正常工作。有任何想法嗎?是否通過refs
獲得select
元素的值並且必須使用onChange
事件?如何在react-bootstrap中獲取select元素的值?
更新時間:
var TestSelectClass = React.createClass({
mixins: [Router.Navigation],
_handleDube: function(event) {
DubeActionCreators.DubeTest({
message: this.refs.message.getDOMNode().value,
tax: this.refs.tax.getDOMNode().value,
validity: this.refs.valid_for.getDOMNode().value
});
},
render: function() {
return (
<ReactBootstrap.ListGroup>
<textarea
className="form-control"
rows="3"
placeholder="Enter message"
ref="message" >
</textarea>
<div className="input-group">
<span className="input-group-addon" id="basic-addon1">$</span>
<input type="text" className="form-control" placeholder="10" aria-describedby="basic-addon1" ref="tax" />
</div>
<Input type="select" value="1" ref="valid_for">
<option value="1">1 hour</option>
<option value="2">1 day</option>
<option value="2">5 days</option>
</Input>
</ReactBootstrap.ListGroup>
)
}
});
更新:解決方案 所以,如果有人跑進類似的東西,顯然,如果你正在使用的反應,引導你不能給Input
元素(如果已將其包裝在ListGroup
中)。將其從中取出或將所有Input
元素包裝在<form>
標記中。這解決了我的問題,感謝所有的幫助。
你能發佈你的代碼嗎? – sma 2015-02-23 16:34:09
我用代碼更新了它。 – 2015-02-23 16:42:55
你無處設置'ref =「selectElement」'。 – julen 2015-02-23 17:22:18