[Svetlana_]

Вот, что в результате получилось. Не самая плохая форма выбора/добавления тегов.

Используется, например, для добавления и выбора существующих тегов для новой темы блога, журнала.

<form method="post"> 
 
    <input type="text" id="tags" style=" width:300px" /> <a href="javascript:invWin()"> Selected Tags</a>
    
    <div id="theWin" style=" background:#f4f4f4; border:1px solid #ccc; margin-left: 300px; padding: 4px; visibility:hidden; position:absolute;">
        <input type="checkbox" name="wordpress" />wordpress<br>
        <input type="checkbox" name="ucoz" />ucoz<br>
        <input type="checkbox" name="dle" />dle<br>
    </div>
    
</form>
<button id="myBut">click</button>

<script>
function invWin(){
	if (document.getElementById("theWin").style.visibility =="visible") {
		document.getElementById("theWin").style.visibility="hidden"; 
	} else {
		document.getElementById("theWin").style.visibility="visible";
	}
}

myBut.onclick = function () {
	var inp = document.querySelectorAll('input[type=checkbox]');
	var length = inp.length;
	var mas = [];

	for (var i = 0; i < length; i++) {
		if (inp[i].checked) {
			mas.push(inp[i].nextSibling.nodeValue);
		}
	}
	document.getElementById("tags").value = mas.join(',');
}
</script>