Javascript 我怎样才能下拉多选

我可以让它在打印外输入，给出一个我有的值，但我不知道如何使用下拉式multiselect进行输入。你能帮我吗

如何使用多选下拉列表

非常感谢你

我的js代码

 $(".input-area input").on({
focusout: function (event) {
  let txt = this.value.replace(); // allowed characters

  let menuElemet =
    "<li class='presence-item'>" +
    txt +
    " <i class='icon-remove-icon'></i></li>";
  const notNullRegex = new RegExp(/^\S+(?: \S+)*/);
  if (!notNullRegex.test(txt)) return event.preventDefault();

  if (
    $(".presence-item").length === 0 &&
    $(".presence-container").length === 0
  ) {
    $(".input-area").append('<ul class="presence-container"></ul>');
  }

  $(".presence-container").append(menuElemet);

  // if (txt) $("<li  />", { text: txt.toLowerCase(),  , insertAfter: this });
  this.value = "";
},
keyup: function (ev) {
  // if: comma|enter (delimit more keyCodes with | pipe)
  if (/(188|13)/.test(ev.which)) $(this).focusout();
},  });

$（“.input area input”）。打开({
focusout：功能（事件）{
设txt=this.value.replace（）；//允许的字符
让梅努埃迈特=
“
”+
文本+
“
”；
const notNullRegex=new RegExp（/^\S+（？：\S+*/）；
if（！notNullRegex.test（txt））返回event.preventDefault（）；
如果(
$（“.presence item”）。长度==0&&
$（“.presence container”）。长度==0
) {
$（“.input area”）.append（“
”）；
}
$（“.presence container”）.append（菜单集）；
//if（txt）$（“
，{text:txt.toLowerCase（），insertAfter:this}）；
此值为“”；
},
键控：功能（ev）{
//如果：逗号|输入（用|管道分隔更多键码）
if（/（188 | 13）/.test（ev.which））$（this.focusout（）；
},  });

html代码

 <div class="input-area">
     
      <input class="input-class" type="text" value=""  />
   </div>