Как передать ключ массива в POST?

Question

[barder]

Доброго вечера.

Есть код:

<?
$station = array(
	"krukovo" => "Крюково",
	"moskva" => "Москва");
asort($station);?>

<form method="POST" @submit="checkForm">	
	
	<div class="col input-append btn-group">
					<input name="stationfrom" list="stationfrom" class="form-control" placeholder="Начните вводить">
					<datalist id="stationfrom">
						<? foreach ($station as $keyFrom => $valuefrom):?>
							<option value="<?=$valuefrom ?>" type="stationfrom" id="stationfrom" name="stationfrom">

						<? endforeach ?>

					</datalist>
				</div>
<div class="col">
					<input name="stationto" list="stationto" class="form-control" placeholder="Начните вводить">
					<datalist id="stationto">
						<? foreach ($station as $keyTo => $valueTo):?>

							<option value="<?=$valueTo ?>" type="stationto" id="stationto" name="stationto">
							
						<? endforeach ?>
						
					</datalist>
				</div>
<div class="col">
				<button type="submit" formaction="/transport/prigorod/<?=$keyFrom?>-<?=$keyTo?>/">Показать</button>
			</div>
</form>

Мне нужно что бы при нажатии на кнопку формировалась ссылка из ключей массива, тоесть если выбрали Крюково и Москва то открывалась ссылка /transport/prigorod/krukovo-moskva/

Comments

[Андрей Шевкалюк]

В чем проблема запрограммировать это на JS?

[barder]

Андрей Шевкалюк, я js не знаю, вот и проблема

[Андрей Шевкалюк]

barder, Тогда надо изучить его, либо отдать эту задачу на фриланс

[barder]

Андрей Шевкалюк, ну как то есть наверное что бы передавать key массива а не value, без js

[Андрей Шевкалюк]

barder, вам тогда надо подставить $keyTo в атрибут value тэга option:

<option value="<?=$keyTo ?>" type="stationto" id="stationto" name="stationto">

Затем отправлять эту форму на сервер, получать там два этих параметра (keyFrom и keyTo), сформировать на сервере новый URL с ними и сделать на него редирект.

[barder]

Андрей Шевкалюк, в option усли ставить в value key то на форме вместо крюково будет krukovo

[Андрей Шевкалюк]

barder, А что вам мешает сделать так?

[Андрей Шевкалюк]

barder, value - это то, что отправится на сервер

[barder]

Андрей Шевкалюк, я бы так и сделал, но мне нужен input с выпадающим списком

[Андрей Шевкалюк]

barder,

<input name="stationto" list="stationto" class="form-control" placeholder="Начните вводить">
          <datalist id="stationto">
            <? foreach ($station as $keyTo => $valueTo):?>

              <option value="<?=$keyTo ?>" type="stationto" id="stationto" name="stationto"> <?= $valueTo; >
              
            <? endforeach ?>
            
          </datalist>

Вот так тогда?

[barder]

Андрей Шевкалюк, тогда при выборе вываливается список с key и value, и при выборе в input записывается key.
я планирую передавать код станции, там цифры.

[Андрей Шевкалюк]

barder, Тогда вам подойдет плагин, на подобие такого

[Андрей Шевкалюк]

barder, или реализуйте эту задачу самостоятельно, меняйте URL обработчика, как вы хотели изначально, но без JS тут не получится

[barder]

Андрей Шевкалюк, Спасибо, буду js изучать.

[barder]

Андрей Шевкалюк, Дай ссылочку где можно почитать про javascript option что то вообще нигде не могу найти, может гуглю не так

[Андрей Шевкалюк]

barder, Я уже дал выше ссылку на плагин, можете изучить его или найти подобные, но если вы совсем не знаете JS, то лучше прочитайте этот учебник. Можно еще подключить jQuery и воспользоваться плагинами вроде этих. Вам даже не обязательно хорошо знать JS, чтобы работать с этими плагинами. Достаточно посмотреть примеры на официальном сайте и реализовать у себя так же.

[Андрей Шевкалюк]

barder, Ваша задача заключается в том, чтобы с помощью этого плагина реализовать инпут с возможностью селекта и отслеживать, какой вариант был выбран, и как только он выбран, то вам нужно подставлять его value в formaction вместо keyFrom и keyTo:

<button type="submit" formaction="/transport/prigorod/<?=$keyFrom?>-<?=$keyTo?>/">Показать</button>

[Андрей Шевкалюк]

barder,
Посмотрите вот этот пример, он даст вам понимание, как происходит отслеживание выбора и подстановка значения.

[barder]

Андрей Шевкалюк, ссылку на плагин открывал, но я не понял как скачать его, я только увидел сам html, а javascript у него где?

[Андрей Шевкалюк]

barder, Там внизу страницы есть ссылка на гитхаб, можете оттуда скачать. Но если у вас всего два таких селекта будет, то может быть нет смысла тащить в проект целый плагин для этого. Попробуйте сначала разобраться с моим примером, он довольно простой, может быть он вам подойдет

[barder]

Андрей Шевкалюк, пример хороший, но только там нет поля для ввода, что бы поиск станций сделать, я просто не пойму как селектом это сделать

[Андрей Шевкалюк]

barder, Поизучайте тогда все-таки плагин. Он как раз навешивается на селект и придает ему возможность ввода с клавиатуры

[Андрей Шевкалюк]

barder, Если у вас совсем ничего не получится и никто больше не ответит, напишите вечером, попробую реализовать для вас пример с плагином

[barder]

Андрей Шевкалюк, Хорошо, спасибо, но попробую сам разобраться, в жизни пригодиться)