我正在尝试在选择值之后从select元素中获取价格值。例如股票描述:“数字发票QT”,售价:“100”。但是我已经写了下面的代码,当我运行它时,我会得到这个错误,销售价格返回“未定义”。
所以我非常感谢你能帮我,因为我整天都在上网寻找帮助。
import React, { Component } from 'react';
import _ from 'lodash';
const ITEMS = [
{ name: 'initial', text: 'Select Items', value: '' },
{ name: 'centos', text: 'Invo qt', value: 'Numbers Invo qt', price: "100" },
{ name: 'ubuntu', text: 'Invo xp', value: 'Numbers Invo xp', price: "180" },
]
const SelectComponent = (props) => (
onChange={props.handleSelect}
>
{_.map(props.items, (item, i) =>
key={i}
name={item.name}
value={item.value}
text={item.text}
price={item.price}
handleSelect={props.handleSelect}
/>
)}
);
const Option = (props) => (
value={props.value}
>{props.text}
)
export default class CustomerComboBox extends Component {
constructor() {
super()
this.state = {
selected: '',
selected_Price: ''
}
this.handleSelect = this.handleSelect.bind(this);
}
handleSelect(e) {
e.preventDefault();
//console.log(e.target);
this.setState({
selected: e.target.value,
selected_Price: e.target.price,
})
document.getElementById('stock-description').value = e.target.value;
document.getElementById('stock-price').value = e.target.price;
}
render() {
return (
name="testSelect"
items={ITEMS}
price={ITEMS.price}
handleSelect={this.handleSelect}
/>
Stock Description
Stock Price
);
}
}
