Работа с <select>
Всем привет..
У меня возникла проблема, но не пойму как решить.. Вообщем есть: <select id="tPlatform" size="13" multiple="" name="Platform"> <option value=" PC">PC</option> <option value=" PlayStation3">PlayStation3</option> <option value=" X-BOX 360">X-BOX 360</option> <option value=" Wii">Wii</option> <option value=" PSP">PSP</option> <option value=" iPhone">iPhone</option> <option value=" Android">Android</option> <option value=" Nintendo DS">Nintendo DS</option> <option value=" Xbox">Xbox</option> <option value=" PlayStation 2">PlayStation 2</option> <option value=" GameCube">GameCube</option> <option value=" 3DS">3DS</option> <option value=" Vita">Vita</option> <option value=" Wii U">Wii U</option> </select> Ну вообщем после выбора, все выбранные названия после клика по обычной кнопке добавляются в блок, допустим так: <div id="inText"> PC, PlayStation3, X-BOX 360, PlayStation 2, 3DS </div> Собственно при обновлении страницы блок #inText остаётся с выбранными платформами и теперь нужно чтобы он как-то выделял таким способом: <select id="tPlatform" size="13" multiple="" name="Platform"> <option selected value=" PC">PC</option> <option selected value=" PlayStation3">PlayStation3</option> <option selected value=" X-BOX 360">X-BOX 360</option> <option value=" Wii">Wii</option> <option value=" PSP">PSP</option> <option value=" iPhone">iPhone</option> <option value=" Android">Android</option> <option value=" Nintendo DS">Nintendo DS</option> <option value=" Xbox">Xbox</option> <option selected value=" PlayStation 2">PlayStation 2</option> <option value=" GameCube">GameCube</option> <option selected value=" 3DS">3DS</option> <option value=" Vita">Vita</option> <option value=" Wii U">Wii U</option> </select> |
fAmOus,
<html> <head> <title></title> </head> <body> <div id="inText">PC, PlayStation3, X-BOX 360, PlayStation 2, 3DS</div> <select id="tPlatform" size="13" multiple name="Platform"> <option value=" PC">PC</option> <option value=" PlayStation3">PlayStation3</option> <option value=" X-BOX 360">X-BOX 360</option> <option value=" Wii">Wii</option> <option value=" PSP">PSP</option> <option value=" iPhone">iPhone</option> <option value=" Android">Android</option> <option value=" Nintendo DS">Nintendo DS</option> <option value=" Xbox">Xbox</option> <option value=" PlayStation 2">PlayStation 2</option> <option value=" GameCube">GameCube</option> <option value=" 3DS">3DS</option> <option value=" Vita">Vita</option> <option value=" Wii U">Wii U</option> </select> <script> window.onload = function () { var div = document.getElementById("inText").innerHTML, els = div.split(", "), sel = document.getElementById("tPlatform").options; if (els.length < 1) { return; } for (i=0; i < sel.length; i++) { for (j=0; j < els.length; j++) { if (sel[i].text == els[j]) { sel[i].selected = true; break; } } } } </script> </body></html> |
lord2kim,
Спасибо, можете переделать его на jquery v1.3.2? Просто я его ставлю и он конфликтует с другим скриптом :( |
fAmOus, jQuery не знаю...
конфликт скорее всего из-за того, что у вас уже где то есть window.onload (туда же добавьте эту функцию) |
поместите в ready
|
Часовой пояс GMT +3, время: 16:50. |