import React, { Component } from 'react'
class App extends Component {
  constructor(props) {
    super(props);
    this.state = { 
      cities:["北京","上海","广州"],   //选项
      city:"广州"   // 默认选项
  render() { 
    return (
        {/* value放在select里 select框也要onChcange*/}
        <select value={this.state.city} onChange={(e)=>this.getValue(e)}>
            // 遍历option
            this.state.cities.map((ele,index)=>{
              return(
                <option key={index}>{ele}</option>
        </select>
  getValue=(event)=>{
    //获取被选中的值
    console.log(event.target.value);
    this.setState({
      //默认值改变
      city:event.target.value
export default App;

转载于:https://www.cnblogs.com/luguankun/p/11162938.html

1.遍历选项，option里的value去掉，把value写到select里2.onChange方法写到select标签里import React, { Component } from 'react'class App extends Component { constructor(props) { super(props); this.state = ... 传至后台的数据格式： 使用element中的 select 选择器没有实现，因为el- select 中v-model是动态绑定，没办法将日期对应具体的数据，因而采用jquery实现，如果小伙伴们有好的方式，还望不吝赐教●▽● <table class="gridtable"&gt... 获取 属性的 值 ，例如下面 获取 选中option的id的 值 $('#grantrole').find("option: select ed").attr('id') 这里利用JQuery的查找功能 获取 选中的文本 值 $('#grantrole'). select picker('val') import React , { Component } from " react "; import { Checkbox } from "semantic-ui- react "; import { getlistStaff } from "../action/registerAction"; import { connect } from " react -redux"; import "re...