Как я очищаю все опции в выпадающем поле?
Мой код работает в IE, но перерывах в Safari, Firefox и Opera. (большое удивление)
document.getElementById("DropList").options.length=0;
После поиска я узнал, что это length=0 то, что этому не нравится.
Я попробовал ...options=null и var clear=0; ...length=clear с тем же результатом.
Я делаю это к нескольким объектам за один раз, таким образом, я ищу некоторый легкий код JS.
4 ответа
Вы можете использовать следующее, чтобы очистить все элементы. Обратите внимание, что
var select = document.getElementById("DropList");
var length = select.options.length;
for (i = 0; i < length; i++) {
select.options[i] = null;
}
Если вы хотите иметь легкий скрипт, то выбирайте jQuery. В jQuery решение для удаления всех опций будет выглядеть так:
$("#droplist").empty();
Попробуйте
document.getElementsByTagName("Option").length=0
Или, может быть, посмотрите на функцию removeChild().
Или если вы используете фреймворк jQuery.
$("DropList Option").each(function(){$(this).remove();});
Чтобы удалить параметры объекта select html, вы можете использовать этот фрагмент кода:
function removeOptions(selectbox)
{
var i;
for(i = selectbox.options.length - 1 ; i >= 0 ; i--)
{
selectbox.remove(i);
}
}
//using the function:
removeOptions(document.getElementById("mySelectObject"));
Это будет работать во всех браузерах. =)