編輯組合框

Question

東西類似與此主題：How can I create an editable combo box in HTML/Javascript?

是否有可能在終極版表格組合框的形式？

Answer 1

這個工作對我來說：

<Field 
    options={[ 
     {value: 1, text: 'Option1'}, 
     {value: 2, text: 'Option2'} 
    ]} 
    component={Select} 
    label="My select question" 
    className="col-md-6" 
    /> 

const Select = ({input, options, label, error}) => { 
    if (error && error.length > 0) { 
    className += " " + 'has-error' 
    } 
    return (
    <div className={className}> 
     {label && <label htmlFor={input.name}>{label}</label>} 
     <select {...input} > 
      {options.map(function (option, i) { 
      return (
       <option 
       value={option.value} 
       key={i} 
       > 
       {option.text} 
       </option>) 
      })} 
     </select> 
     {error && <div className="alert alert-danger">{error}</div>} 
    </div> 
) 
}