如何在selectbox(下拉列表)中插入输入文本?

时间:2017-08-30 05:40:12

标签: javascript jquery html-select bootstrap-4

我想在Jquery的selectbox中创建一个输入文本。

如果输入框中的值,则结果为输入类型文本值。 如果selectbox选项中的值,则结果为选项。

Selectbox值是多个值。

这是代码。

<div class="form-group label-floating">       
    <label class="control-label">Terminal</label>                     
    <select id="selTerminalCode" class="selectpicker" data-style="select-with-transition" title="" data-size="10" multiple>
        <option>option1</option>
        <option>option2</option>
    </select>
</div>

enter image description here

1 个答案:

答案 0 :(得分:0)

这会对你有帮助......

&#13;
&#13;
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" />
<div class="container con_1">
  <div class="row align-items-start">
    <p class="col">
      Sample Text
    </p>
  </div>
  <div class="row align-items-end">
    <div class="col">
      Sample Text
    </div>
  </div>
</div>
&#13;
 .select-editable {
     position:relative;
     background-color:white;
     border:solid grey 1px;
     width:120px;
     height:18px;
 }
 .select-editable select {
     position:absolute;
     top:0px;
     left:0px;
     font-size:14px;
     border:none;
     width:120px;
     margin:0;
 }
 .select-editable input {
     position:absolute;
     top:0px;
     left:0px;
     width:100px;
     padding:1px;
     font-size:12px;
     border:none;
 }
 .select-editable select:focus, .select-editable input:focus {
     outline:none;
 }
&#13;
&#13;
&#13;

快乐编码: - )