為了使select可輸入，測試了許多方式，包括jquery-editable插件等的使用，但都沒設置成功，原因暫時沒有探究清楚，之后找到了一段代碼

<div class="dropdown" style="float: left">
                      <input type="text" class="text" value="0" name="yLow" id="yLow" placeholder="yLow">
                      <select  onchange="this.previousElementSibling.value=this.value; this.previousElementSibling.focus()">
                        <option>50</option>
                        <option>150</option>
                        <option>250</option>
                        <option>350</option>
                      </select>
                    </div>

然后加上css

.dropdown {
        position: relative;
        width: 90px;
      }
      .dropdown select
      {
        width: 100%;
      }
      .dropdown > * {
        box-sizing: border-box;
        height: 35px;
      }
      .dropdown select {
      }
      .dropdown input {
        position: absolute;
        width: calc(100% - 20px);
      }

就可以達到這個效果

webwxgetmsgimg (2).jpg