選擇多個人的名字，然後名稱應該像按鈕分離，如果我點擊人的名稱，該人應該被取消選擇

-1

我想在textarea /輸入框中放置一些選定的人名，每個人的名字將對應於一個按鈕如果我取消選擇這個人應該從名單中刪除選擇多個人的名字，然後名稱應該像按鈕分離，如果我點擊人的名稱，該人應該被取消選擇

我想這樣

這是實際輸出

代碼

<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>

來源

2017-05-31 jangachary sriramadasu

什麼是你的問題？ – abhishekkannojia

am放置了一個圖像，像java一樣的標籤c html –

如果你正在尋找一個解決方案來實現這一點。看看[** Select2 **]（https://select2.github.io/examples.html#tags） – abhishekkannojia

試試這個：

$("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

來源

2017-05-31 12:48:14

選擇多個人的名字，然後名稱應該像按鈕分離，如果我點擊人的名稱，該人應該被取消選擇

回答

相關問題