Имеется html форма:
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <form method="GET" action="/">
- <select name="personname">
- <option value="Иван">Иван</option>
- <option value="Сергей">Сергей</option>
- </select>
- <input name="citytitle" type="text">
- <input name="hoteltitle" type="text">
- <input name="transportdate1" type="date">
- <input name="transportdate2" type="date">
- <input name="price1" type="number">
- <input name="price2" type="number">
- <button id="submit">Искать</button>
- </form>
- <div class="result"></div>
- <script type="text/javascript">
- $('#submit').click(function(){
- $.ajax({
- url: 'script.php?person=' + $('select[name="personname"]').val() + '&citytitle=' + $('input[name="citytitle"]').val() + '&hoteltitle=' + $('input[name="hoteltitle"]').val() + '&transportdate1=' + $('input[name="transportdate1"]').val() + '&transportdate2=' + $('input[name="transportdate2"]').val() + '&price1=' + $('input[name="price1"]').val() + '&price2=' + $('select[name="price2"]').val(),
- dataType: "html",
- type: 'GET',
- success: function(data){
- if (data == ""){
- $('div.result').html("Поиск дал 0 результатов");
- }else{
- $('div.result').html(data);
- }
- }
- });
- });
- </script>