如何在下拉反应js中存储多个数据

编程问答 2022-08-16

问题描述

大家好，我需要帮助，我希望每个下拉选项可以存储3个数据，例如印度标签语言和国家/地区代码

<select
    className="select"
    onChange={e => onInputChange(e)}
    value={search_country}
    name="search_country"
    >
    <option>Select Location</option>
    <option value="in" >India</option>
    <option value="US" >UAE</option>
 </select>

当用户选择印度我需要国家/地区代码，国家/地区名称，国家/地区语言时，我想获取数据

解决方法

<select>
    <option data-value='{"code":"IN","label":"INDIA"}'>India</option>
    <option data-value='{"code":"US","label":"USA"}'>UAE</option>
</select>

选项可以使用data- *属性，该属性自动支持json

dropdownjavascriptreact-reduxreactjsreactjs