Показать сообщение отдельно
  #6 (permalink)  
Старый 23.04.2019, 11:54
Интересующийся
Отправить личное сообщение для sloneCH Посмотреть профиль Найти все сообщения от sloneCH
 
Регистрация: 16.04.2019
Сообщений: 18

Пожалуйста помогите с вопросом. Как установить обработчик на оба Select? Поставил на onchange, в url ничего не меняется. На кнопке обработка на ура.
Спасибо.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>

$(document).ready(InitPage);
    function InitPage(){
      $("p").text("Структура документа загружена и DOMik готов!");
    }


<p>Страница еще не готова</p>
<form id="testform" action="get.php" method="GET">
    <select name="sel1" onchange="alert(action);">
        <option value="">Выберите</option>
        <option value="1">Пиво</option>
        <option value="2">Спирт</option>
        <option value="3">Лимонад</option>
    </select>
    <select name="sel2" onchange="alert(action);">
        <option value="">Выберите</option>
        <option selected value="3">Колбаска</option>
        <option value="4">Мясо</option>
		<option value="5">Деньги</option>
    </select>  
</form>
<input id="show" type="button" value="Показать"/>

var inputs={};
$('form#testform select').each(function(){
    getQuery(this);
});
$('form#testform select').on('change',function(){
    getQuery(this);
});
$('#show').on('click',function(){
    var action=$('form#testform').attr('action');
    action+=$.param(inputs)?'?'+$.param(inputs):'';
    alert(action);
});
function getQuery(el){
    if($(el).val()!=''){
        inputs[$(el).attr('name')]=$(el).val();
    }else{
        delete inputs[$(el).attr('name')];
    }
}
Ответить с цитированием