Авто полный тип в текстовом поле из выпадающего списка

Question

Я не знаю, просто ли это или нет. То, что я хочу решить, это . В поле формы выпадающего «выберите» появится другое поле «input type =" text "" ниже. Некоторые опции есть в «select dropdown». Когда я набираю текст «input type =" text "" Ниже ", должны быть некоторые предложения из вышестоящего поля« select »(например, Auto Complete). Любая помощь?

Answer 1

Вы можете использовать обычный <select> тег с Select2:

$(function() { 
 
    $("select").select2({ 
 
    width: 250 
 
    }); 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.full.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" /> 
 
<select name="" id=""> 
 
    <option value="item-1">Item 1</option> 
 
    <option value="item-2">Item 2</option> 
 
    <option value="item-3">Item 3</option> 
 
    <option value="item-4">Item 4</option> 
 
    <option value="item-5">Item 5</option> 
 
    <option value="entry-1">Entry 1</option> 
 
    <option value="entry-2">Entry 2</option> 
 
    <option value="entry-3">Entry 3</option> 
 
    <option value="entry-4">Entry 4</option> 
 
    <option value="entry-5">Entry 5</option> 
 
    <option value="option-1">Option 1</option> 
 
    <option value="option-2">Option 2</option> 
 
    <option value="option-3">Option 3</option> 
 
    <option value="option-4">Option 4</option> 
 
    <option value="option-5">Option 5</option> 
 
</select>