ReactJS中<select>標記的onChange事件的替代方法？

我正在創建一個具有多個<select>標籤的組件。根據選定的選項，它爲下一個標籤獲取選項。我正在使用onChange事件。我面臨的問題是，如果只有一個選項，那麼onChange永遠不會被觸發。ReactJS中<select>標記的onChange事件的替代方法？

在ReactJS中是否有任何事件，例如onSelect，我可以用它來實現這個或者更好的方法？

來源

2016-11-23 Raman Choudhary

https://jsfiddle.net/54oee43q/這種方法的問題是，它不是通用的。相信我，我都試過了。假設用戶打開選項下拉菜單'onClick'將被觸發，在這裏他/她沒有選擇任何東西。當他/她選擇任何東西時，「onClick」不被調用。當再次點擊時，我們得到的價值。這不是預期的行爲。他/她只能點擊一次，並且功能取值。 –

我會使用'onChange' +'onFocus'，然後在更新選項後調用下一個select元素的'.focus（）'。如果只有一個選項，請繼續更新下一個元素。或者，您可以選擇第一個選項，其中包含空值和文本，如'--choose - '，因此即使只有一個選項可供選擇，也會強制用戶做出選擇。 – pawel

你能不能做第一個選項被禁用的佔位符如下：

<option disabled selected value> -- select an option -- </option>

這種方式，用戶將不得不觸發獲取。

如果您需要默認狀態，您可以在選擇框外進行處理。

來源

2016-11-23 09:27:00 Pineda

謝謝@Pineda，它爲我工作。：D –

很高興我能幫忙:-) – Pineda

ReactJS中<select>標記的onChange事件的替代方法？

回答

相關問題