Нужна помощь в добавлении выбранных элементов из selectbox в div (динамическое добавление) - PullRequest
Новая
       3

Нужна помощь в добавлении выбранных элементов из selectbox в div (динамическое добавление)

0 голосов
/ 15 августа 2011

Мне нужно отобразить выбранные подкаталоги (multi) в приведенном ниже div, а также в некоторых ситуациях мне нужно закрыть элементы div, которые неправильно выбраны из поля выбора, чтобы я мог добавлять и удалять элементы в div ( по вышеуказанному окну выбора).

Даже я сделал подобный код, но он не работает для множественного выбора.

Вкратце, мне нужны выбранные категории (мульти) с кнопками закрытия в нижнем разделе.

Заранее большое спасибо. 

<script type="text/javascript">
function selectlist() {
    checkboxhome = document.getElementById("check");
    catogery = document.getElementById("cat");
    value = catogery.options[catogery.selectedIndex].value;
    checkboxhome.innerHTML = "<br/> <p>" + value + "</p>";

}
</script>
<body>
    <form action="#" enctype="multipart/form-data">
        <select name="cat" id="cat" onchange="selectlist();" multiple="multiple">
            <option>Select subcatogery</option>
            <option value="fashion">Fashion</option>
            <option value="jewelry">Jewelry</option>
            <option value="dresses">dresses</option>
            <option value="shirts">Shirts</option>
            <option value="diamonds">Diamonds</option>
        </select>
        <div id="check">
        </div></form>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 15 августа 2011

Вот небольшая часть того, что может работать для вас: http://jsfiddle.net/maniator/W6gnX/

Javascript: 

function selectlist() {
    checkboxhome = document.getElementById("check");
    catogery = document.getElementById("cat");
    value = getMultiple(catogery);
    checkboxhome.innerHTML = "<br/> <p>" + value + "</p>";

}


function getMultiple(ob)
{
    var arSelected = new Array(), length = ob.length, i = 0, indexes = [];
    while (ob.selectedIndex != -1 && i < length)
    {
        if (ob.selectedIndex != 0 && !in_array(ob.selectedIndex, indexes)) {
            indexes.push(ob.selectedIndex)
            arSelected.push(ob.options[ob.selectedIndex].value);
        }
        ob.options[ob.selectedIndex].selected = false;
        i++;
    }
    var count = 0;
    while(count < indexes.length){
        ob.options[indexes[count]].selected = true;
        count ++;
    }
    return arSelected;
}

function in_array(needle, haystack)
{
    for(var key in haystack)
    {
        if(needle === haystack[key])
        {
            return true;
        }
    }

    return false;
}
0 голосов
/ 15 августа 2011

Перейдите к option s и проверьте, выбраны ли они, что-то вроде этого: 

function selectlist() {
    var checkboxhome = document.getElementById("check");
    var category = document.getElementById("cat");
    checkboxhome.innerHTML = '';
    for (var i = 0; i < category.options.length; i++) {
        if (category[i].selected) {
            checkboxhome.innerHTML += "<p>" + category.options[i].value + "</p>";
        }
    }

}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...