VPF::Работа с select - Форум программистов

maxipub

Дата 24.1.2012, 18:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 517
Регистрация: 22.10.2009

Репутация: нет
Всего: 1

хай пипл
такой вопрос, есть код:

Код


<select name="sel">
    <option value="1" selected="selected">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>

вопрос:

1. можно на JS как-то выбрать произвольный option-?
2. "сбросить" селект (т.е. чтоб был выбран дефолтный пункт - selected="selected")?

заранее благодарю ;)

$дмитрий

Дата 24.1.2012, 19:05 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 5
Всего: 45

Если на Jquery, смотри примеры
Без применения библиотек

Код


document.getElementById('god').options[1].selected=true;

Amphiluke

Дата 24.1.2012, 19:16 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112

Цитата(maxipub @ 24.1.2012, 22:14

)

1. можно на JS как-то выбрать произвольный option-?

Установкой свойства selectedIndex.

Цитата(maxipub @ 24.1.2012, 22:14

)

2. "сбросить" селект (т.е. чтоб был выбран дефолтный пункт - selected="selected")?

Код


var sel = document.getElementsByName("sel")[0];
for (var i = 0, len = sel.options.length; i < len; i++) {
    if (sel.options[i].defaultSelected) {
        sel.selectedIndex = i;
        break;
    }
}

Добавлено через 42 секунды
Нафик. Пока писал, уже ответили. smile

Pretorian

Дата 24.1.2012, 19:30 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 57
Регистрация: 9.12.2011
Где: нигде

Репутация: нет
Всего: 1

Ещё одно решение.....

Цитата(maxipub @ 24.1.2012, 20:14

)

1. можно на JS как-то выбрать произвольный option-?

Код


function selectRandomOption() {
    var options = document.fm.list1.options;
    var i = Math.floor(Math.random() * options.length);
    options[i].selected = true;
}

Цитата(maxipub @ 24.1.2012, 20:14

)

2. "сбросить" селект (т.е. чтоб был выбран дефолтный пункт - selected="selected")?

Код


<input type="reset" value="Reset">

Но так сбрасывается вся форма, если надо сбросить только select, то придётся запоминать "дефолтный" option

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript">
            var indexOfDefaultOption = 0;
            function init() {
                var options = document.fm.list1.options;
                var i = 0;
                while((i < options.length) && (!options[i].selected)) {
                    i++;
                }
                if (options[i].selected) {
                    indexOfDefaultOption = i;
                }
            }

            function selectRandomOption() {
                var options = document.fm.list1.options;
                var i = Math.floor(Math.random() * options.length);
                options[i].selected = true;
            }
            
            function resetOnDefault() {
                var options = document.fm.list1.options;
                options[indexOfDefaultOption].selected = true;
            }
        </script>
    </head>
    <body onload="init()">
        <form action="" name="fm">
            <select name="list1">
                <option>1</option>
                <option>2</option>
                <option selected>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>
                <option>9</option>
                <option>10</option>
            </select>
            <input type="button" onclick="selectRandomOption()" value="Random">
            <input type="reset" value="Reset">
            <input type="button" onclick="resetOnDefault()" value="Reset2">
        </form>
    </body>
</html>

maxipub

Дата 25.1.2012, 13:26 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 517
Регистрация: 22.10.2009

Репутация: нет
Всего: 1

Всем огромное спасибо, парни!

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »