Ich zeige ein dynamisches Dropdown-Menü an, in dem ein bestimmtes Element oder das erste Element ausgewählt bleiben soll. Aber ich konnte keinen Weg finden.

<select onChange = {this.handleSelectChange}>                 
    <option>any-select</option>
    {                     
        this.state.data2.map(function(data) {                
          return  <option value={data.id}>{data.name}</option>                                                             
        })         
    }                    
</select>
1
nirav jobanputra 29 Dez. 2015 im 09:04

2 Antworten

Beste Antwort

Sie können den unten genannten Code verwenden

 this.state.data2.map(function(data,index) {                
     return index==0?<option value={data.id} selected="selected">{data.name}</option>:<option value={data.id}>{data.name}</option>                                                            
    })   
1
Dhaval Patel 29 Dez. 2015 im 06:22

Wie kann ein bestimmtes Element in der Dropdown-Liste vorgewählt bleiben?

<select onChange = {this.handleSelectChange} value={/*null or selected option's data.id*/}>                 
    <option>any-select</option>
    {                     
        this.state.data2.map(function(data) {                
            return  <option value={data.id}>{data.name}</option>                                                             
        })         
    }                    
</select>

Wenn Sie eine andere Option auswählen möchten, setzen Sie einfach value auf den Wert der Option

1
Zhang Chao 29 Dez. 2015 im 07:03