JS получение значений из input

jquery-poluchit
Получаем значения полей с помощью javascript и jquery.



Начнем сразу с кода, предупреждаю кое где потребуется библиотека jquery, т.е на нашей страничке должна она быть подключена иногда )
<script src="/js/jquery.min.js" type="text/javascript"></script>

Получение текста из выбранного селекта.

HTML:
<select class="wpcc_select_1">
<option  value="1.50">Текст 1</option>
<option  value="1.45">Текст 2</option>
<option  value="3.50">Текст 3</option>
</select>


Js:
$('.wpcc_select_1 option:selected').text(); 
 //получаем выбранный селект указывая его класс, можно используя ID, тогда было бы $('#wpcc_select_1 option:selected').text(); 
 

Получение значения INPUT.


HTML:
<input class="wpcc_inputtext_1"  type="text"  placeholder="100" value="" name="wpcc_structure">
Js:
//получаем значение placeholder опять же указывая класс input
 document.querySelector('.wpcc_inputtext_1').placeholder; 
 //получаем значение value
 document.querySelector('.wpcc_inputtext_1'').value; 

Получаем значение Радикнопки.

HTML:
<div class="wpcc_radio_4">
<label>
<input class="wpcc_jq_action" type="radio"  checked="" value="4.50" name="wpcc_structure[1]">
цветная 
</label>
<label>
<input class="wpcc_jq_action" type="radio"  value="3.50" name="wpcc_structure[1]">
черно-белая 
</label> 
<label>
<input class="wpcc_jq_action" type="radio" value="0" name="wpcc_structure[1]">
пустая 
</label>
</div>

Js:
//Получаем текст выбранного радио через цикл
for(y=0;y<(document.getElementsByName('wpcc_structure[1]')).length;y++){
 if(document.getElementsByName('wpcc_structure[1]')[y].getAttribute('type')=='radio'&&document.getElementsByName('wpcc_structure[1]')[y].checked){
 document.getElementsByName('wpcc_structure[1]')[y].parentNode.textContent;}}}
//Также можно получить значение value меняя последнюю строчку
document.getElementsByName('wpcc_structure[1]')[y].value;

Получение значения Чекбокс.

HTML:
<div class="wpcc_jq_action">
<label>
<input type="checkbox" data-i="0" value="300" name="wpcc_structure[9][0]">
доставка 
</label>
<label>
<input type="checkbox" data-i="1" value="0" name="wpcc_structure[9][1]">
самовывоз 
</label>
</div>


Js:
 //Текст получал таким образом:
var chek1='';
 if (document.getElementsByName('wpcc_structure[9][0]')[0].checked){
 chek1 = document.getElementsByName('wpcc_structure[9][0]')[0].parentNode.textContent;}
 if (document.getElementsByName('wpcc_structure[9][1]')[0].checked){
 chek1 = document.getElementsByName('wpcc_structure[9][1]')[0].parentNode.textContent;}



Оставить комментарий