无法在<select>中选择其他选项,但选项列表在下拉列表中可见...

时间:2016-04-27 15:11:41

标签: javascript node.js reactjs

这里我向服务器发出表单值,目前工作正常。但是我无法从选择输入中选择其他值除了默认选项...请帮忙!  var Query = React.createClass({   getInitialState(){     返回{       值:&#39;周日&#39;     }   },   变化(e)中{     this.setState({value:e.target.value});   },   join(){     var memberName = React.findDOMNode(this.refs.name).value;     var dayz = React.findDOMNode(this.refs.day).value;     //向服务器发出名称和日期....     this.props.emit(&#39; join&#39;,{name:memberName,day:dayz});   },   渲染(){     返回(       &LT; DIV&GT;         &lt; form action =&#34; javascript:void(0)&#34;的onSubmit = {this.join}&GT;           &lt; input ref =&#34; name&#34;类型=&#34;文本&#34;需要/&GT;           //除了第一个之外无法选择其他选项(星期日=&gt;哇)           &lt; select ref =&#34; day&#34; onChange = {this.Change} value = {this.state.value}&gt;             &lt; option value =&#34; sunday&#34;&gt; Wow&lt; / option&gt;             &lt; option value =&#34; a&#34;&gt; ssd&lt; / option&gt;             &lt; option value =&#34; Java&#34;&gt; Java&lt; / option&gt;             &lt; option value =&#34; C ++&#34;&gt; C ++&lt; / option&gt;           &LT; /选择&GT;           &LT;按钮&GT;加入&LT; /按钮&GT;         &LT; /形式&GT;       &LT; / DIV&GT;     );   } }); module.exports =查询;

1 个答案:

答案 0 :(得分:0)

<select>中有一个拼写错误:它有一个资本&#39; C&#39;而不是一个小写的&#39; c&#39;喜欢这个函数的名字。将this.Change更新为this.change

<select ref="day" onChange={this.change} value={this.state.value}>