Оглавление

.val()

 

val()— позволяет получить или установить значение параметра value. Метод имеет несколько форматов.
 val()
 val(<3начение>)
 val{<Массив>)


Первый формат метода позволяет получить значение параметра value для первого элемента коллекции.

 

Выведем значение текстового поля.

 alert($(":text").val());

 
   <input type=text size=40 name=user value="your name">


Если элемент позволяет выбрать несколько значений, то метод возвращает массив значений. Для примера получим все значения выбранных пунктов списка с множественным выбором..

 var vals = $("#sel1").val() || [];

 alert(vals.join(", "));

 

<select id="sel1" multiple="multiple">
  <option selected="selected">Пункт 1</option>
  <option>Пункт 2</option>
  <option selected="selected">Пункт 3</option>
</select>

 

Следует заметить, что метод val() не дает представления, какой из флажков или переключателей установлен, так как возвращает значение первого элемента. Чтобы получить значение выбранного переключателя или установленного флажка, необходимо воспользоваться селектором :checked. Если элемент не найден, то возвращается значение undefined

  alert ($(":radio:checked").val() );


<input type=radio name=age value="03">
<input type=radio name=age value="04" checked>
<input type=radio name=age value="05">


Второй формат метода val() позволяет задать значение всем элементам коллекции. Выведем текст в первом текстовом поле.

$(":text:first").val("Ваше имя");


<input type=text size=40 name=user value="your name">


Третий формат метода предназначен для установки флажков, выбора переключателя и выделения пунктов списка. В качестве параметра необходимо передать массив значений, которые должны быть установлены. Рассмотрим пример выбора переключателя.

  $(":radio").val(["male1"]);


<input type=radio name=age value="male0">
<input type=radio name=age value="male1">
<input type=radio name=age value="male2">

 

 Если найден переключатель со значением "male1", то он будет выбран.

 

Рассмотрим пример установки нескольких флажков и выделения пунктов списка с множественным выбором.

  $(":checkbox").val(["1", "3", "4"]);  

  $("select").val(["2", "value3"]);


<input type=checkbox name="q2" value="1" ><br>
<input type=checkbox name="q2" value="2" ><br>
<input type=checkbox name="q2" value="3" ><br>
<input type=checkbox name="q2" value="4" ><br>

<select multiple="multiple">
  <option value="1">пункт 1</option>
  <option value="2">пункт 2</option>
  <option value="value3">пункт 3</option>
</select>

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити