数据列表,如何定义用户键入或选择值?

时间:2019-04-26 14:16:06

标签: javascript reactjs html-datalist

我有数据列表,并且我需要根据哪个操作用户将其保存为其他名称的状态。我正在使用e.target.value,但它读取所有值都与用户的操作无关。如何检测用户键入或选择值?

onChangeAddress(e) {
    console.log(e.target.value)
    if(e.target.value){
    this.setState({
      id: e.target.value,
    })
    }else{
     this.setState({
      selected: e.target.value,
    })
    }

  }    


         <input
          type="text"
          list="data-list"
          className={classname}
          onChange={(e)=>this.onChangeAddress(e)}
          placeholder={placeholder}
        />
        <datalist id="data-list">
          {adresses.map((item, idx) => {
            const { id, address } = item

            return <option key={idx} data-value={id} value={address} />
          })}
        </datalist>

0 个答案:

没有答案
相关问题