Select multiple отправка запроса

@MVPitlay · Регистрация: 09.04.2012

Author24 — интернет-сервис помощи студентам

Доброго времени суток есть следующая форма

HTML5

<form action="/prodazha" onsubmit="connectFields(this); return false;" method="get">
 
<div class="column third">
<fieldset id="mse2_tv|rooms" style="padding: inherit;">
 
<select class="selectm" name="tv|rooms" id="mse2_tv|rooms_" multiple="multiple">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
</fieldset>
</div>
 
<button class="button transparent white" type="submit" style="width:132px;">Поиск</button>
</form>

получается при выборе нескольких критерий допустим 1,2 она отправляет запрос rooms=1 rooms=2 . Подскажите как реализовать чтобы она отправляла запрос в таком виде rooms=1,2

@kalabuni · 27.02.2017, 09:37

MVPitlay, это вы нас пытаетесь обмануть или самого себя обманываете?
query_string при отправке формы содержит следующее -- tv%7Crooms=1&tv%7Crooms=2
имхо, никак это не похоже на ваше rooms=1 rooms=2

и ещё -- кто вам рассказал, что вертикальная черта может входить в значение атрибутов name и id?
стандарт чётко ограничивает символы, которые могут там быть -- https://www.w3.org/TR/html4/types.html#type-name

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

--------

и по сути вашего вопроса: вынесите тег <select> за пределы формы, а в форму добавьте <input type="hidden name="room">
по событию onchange на теге <select> измените свойство value скрытого инпута так, как вам это нужно

@MVPitlay · 27.02.2017, 13:21 **[ТС]**

да абсолютно правы что запрос передается параметры передаются tv%7Crooms=1&tv%7Crooms=2 а нужно tv%7Crooms=1,2

и по сути вашего вопроса: вынесите тег <select> за пределы формы, а в форму добавьте <input type="hidden name="room">
по событию onchange на теге <select> измените свойство value скрытого инпута так, как вам это нужно

можете привести небольшой пример а то я что то не понимаю чутка.

Jabbson · 27.02.2017, 20:03

может

Javascript

<script>
$('form').submit(function(event) {
    event.preventDefault();
 
    var values = $(this).find('select').val();
    if (values.length > 0) {
        $.get( "/prodazha", { "rooms": values.join() } );
    }
})
</script>

-->
при выборе 2,3,4 запрос пойдет на

/prodazha?rooms=2%2C3%2C4

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	27.02.2017, 09:37	2
	MVPitlay, это вы нас пытаетесь обмануть или самого себя обманываете? query_string при отправке формы содержит следующее -- tv%7Crooms=1&tv%7Crooms=2 имхо, никак это не похоже на ваше rooms=1 rooms=2 и ещё -- кто вам рассказал, что вертикальная черта может входить в значение атрибутов name и id? стандарт чётко ограничивает символы, которые могут там быть -- https://www.w3.org/TR/html4/types.html#type-name ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods ("."). -------- и по сути вашего вопроса: вынесите тег <select> за пределы формы, а в форму добавьте <input type="hidden name="room"> по событию onchange на теге <select> измените свойство value скрытого инпута так, как вам это нужно 0

@MVPitlay 6 / 2 / 2 Регистрация: 09.04.2012 Сообщений: 132
	27.02.2017, 13:21 [ТС]	3
	да абсолютно правы что запрос передается параметры передаются tv%7Crooms=1&tv%7Crooms=2 а нужно tv%7Crooms=1,2 и по сути вашего вопроса: вынесите тег <select> за пределы формы, а в форму добавьте <input type="hidden name="room"> по событию onchange на теге <select> измените свойство value скрытого инпута так, как вам это нужно можете привести небольшой пример а то я что то не понимаю чутка. 0

	27.02.2017, 20:03