複数の人物名を選択して名前を選択する必要があります。その人物名をクリックするとボタンのように区切られます。

Question

テキストエリア/入力ボックスに選択した人物名を配置しようとしています。私はそれを選択解除した場合、その人 が、これは実際の出力

である

が、私はこの

ようにしたいリストから削除する必要があります

コード

<button onclick="myFunction()">Try it</button> 
<textarea id="t"></textarea> 
<p id="demo"></p> 

<script> 
    function myFunction() { 
     var str = "xyz abc abcd"; 
     var res = str.split(" "); 
     document.getElementById("t").value = res; 
    } 
</script> 

Answer 1

はこれを試してみてください。

$("select").select2({ 
 
    placeholder: "Select a state", 
 
    allowClear: true 
 
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" /> 
 

 
<script 
 
    src="https://code.jquery.com/jquery-3.2.1.slim.min.js" 
 
    integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" 
 
    crossorigin="anonymous"></script> 
 
    
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.min.js"></script> 
 
    <select multiple style="width:500px;"> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
</select>

例：

https://select2.github.io/examples.html