Можно ли сделать выбор из выпадающего списка с помощью определения введенных данных в форму form?

Question

[Антон]

Есть форма form, и поле input text, в это поле вписывается полный почтовый адрес. Нужно определить, если вписано конкретное название города, то нужно менять значение в выпадающем списке select.
Может есть у кого примеры?

Answer 1

[Денис А.]

Что-то вроде этого?

$('from [name="address"]').keyup(function(){
    if($(this).val().toLowerCase().indexOf('москва') > -1) {
          $('form select').html('<option>1</option><option>2</option>');
    }
});

Ошибки в написании или адреса типа "Смоленская площадь г Москва" приведут к неверным результатам.
Лучше адрес разбить на инпуты. Индекс Улица Дом Квартира текстовые поля, а Город select, к нему и привязываться

Comments

[Антон]

https://codepen.io/anon/pen/zPxzWZ
Как дальше сделать?

[Денис А.]

$('[name="address"]').keyup(function(){
	    if($(this).val().toLowerCase().indexOf('москва') > -1) {
	          $('select').val('Это МКАД');
	    }else{
	    	$('select').val('НЕ МКАД');
	    }
	});

[Антон]

myphpscript, блин, ты крутой))
Спасибо огромное!

[Антон]

myphpscript,
можно ли как то применить этот пример к такой композиции, когда option находится в массиве

<?foreach ($arResult["CITY_LIST"] as $arCity):?>
			<?if($arCity["ID"] != "3" && $arCity["ID"] != "5"):?>
<option value="<?=$arCity["ID"]?>"<?if ($arCity["ID"] == $arParams["CITY"]):?>
selected="selected"<?endif;?>><?=($arCity['CITY_ID'] > 0 ? $arCity["CITY_NAME"] : GetMessage('SAL_CHOOSE_CITY_OTHER'))?></option>
		<?endif;?>
		<?endforeach;?>

[Денис А.]

можно. я не знаю, что у вас там в массиве.
ставьте в $('select').val('value'); нужное значение value из option

[Антон]

myphpscript, получилось. Спасибо

[Антон]

myphpscript, рано порадовался, однако:
Если вручную выбираю селект, то следующий скрипт на странице отрабатывает. А если селект выбирается автоматом из значения Москва/Не Москва, то скрипт не отрабатывает.
Вот скрипт:

function newlocation(orderPropId) {
		var select = document.getElementById("LOCATION_ORDER_PROP_" + orderPropId);
		arSelect = select.getElementsByTagName("select");
		if (arSelect.length > 0) {
			for (var i in arSelect) {
				var elem = arSelect[i];
				elem.disabled = false;
			}
		}
	}

Можно их как то связать?