[英]Pass value of <select> tag in React.js
Beginner question, but I'm trying to run a test to see how to pass the value of the selected option.初学者问题,但我正在尝试运行测试以查看如何传递所选选项的值。 Currently trying to console log the selected option's value, in this case value='2' or value='4'.
当前尝试控制台记录所选选项的值,在本例中为 value='2' 或 value='4'。 Any advice or leads to the right direction would be greatly appreciated.
任何建议或导致正确方向将不胜感激。
testUpdate = selectedValue => {
console.log(selectedValue);
};
render() {
return (
<select
className='new-lead-dropdown'
onChange={this.testUpdate}
<option defaultValue value='1'>
Responses
</option>
<option value='2'>Phone</option>
<option value='4'>Screen</option>
<option value='5'>Interview</option>
<option value='6'>Offer</option>
<option value='15'>Hired</option>
</select>
You can do something like this:你可以这样做:
You have to grab the current event during onChange
and retrieve the value.您必须在
onChange
期间获取当前事件并检索该值。 Hope this helps.希望这可以帮助。
<select onChange={(e) => this.testUpdate({ value: e.target.value })}>
<option defaultValue value='1'>Responses
<option value="2">Phone</option>
<option value="4">Screen</option>
<option value='5'>Interview</option>
<option value="6">Offer</option>
<option value="15">Hired</option>
</select>
testUpdate = selectedValue => {
console.log(selectedValue.target.value);
};
Change,改变,
onChange={this.testUpdate}
to到
onChange={e => this.testUpdate(e.target.value)}
Here you need to make sure that you are passing down the selected value like e.target.value in testUpdate
function.在这里,您需要确保在
testUpdate
函数中传递选定的值,例如e.target.value 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.