Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.12.2012, 22:35
Аватар для mi.rafaylik
Кандидат Javascript-наук
Отправить личное сообщение для mi.rafaylik Посмотреть профиль Найти все сообщения от mi.rafaylik
 
Регистрация: 07.12.2012
Сообщений: 113

Блокировка определённых option у select
В форме есть input и select.
Нужно, чтоб когда в myinput введёно определённое слово, например Казахстан то в myselect блокировались определённые option, например option 1 и option 4 становились disabled.
Как это реализовать с помощью jQuery? Догадываюсь только, что с помощью .attr("disabled", "disabled");

<form id="myform">

	<input id="myinput">

	<select id="myselect">
		<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>

</form>

Последний раз редактировалось mi.rafaylik, 09.12.2012 в 22:59.
Ответить с цитированием
  #2 (permalink)  
Старый 10.12.2012, 00:30
Аватар для cmd
cmd cmd вне форума
Профессор
Отправить личное сообщение для cmd Посмотреть профиль Найти все сообщения от cmd
 
Регистрация: 19.03.2011
Сообщений: 177

<form id="myform">
	<input id="myinput">

	<select id="myselect">
		<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>

</form>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$('#myselect option[value="2"], #myselect option[value="4"]').attr('disabled', 'disabled');
</script>
__________________
Cogito, ergo sum
Ответить с цитированием
  #3 (permalink)  
Старый 10.12.2012, 00:46
Аватар для mi.rafaylik
Кандидат Javascript-наук
Отправить личное сообщение для mi.rafaylik Посмотреть профиль Найти все сообщения от mi.rafaylik
 
Регистрация: 07.12.2012
Сообщений: 113

cmd
Свет пролили, благодарю )
Только в вашем примере options изначально заблокированы, а нужно, чтоб после ввода определённого слова.
Ответить с цитированием
  #4 (permalink)  
Старый 10.12.2012, 00:49
Аватар для cmd
cmd cmd вне форума
Профессор
Отправить личное сообщение для cmd Посмотреть профиль Найти все сообщения от cmd
 
Регистрация: 19.03.2011
Сообщений: 177

Вы просите готовый скрипт с нуля.

Это работа, и за нее обычно платят деньги.
Для таких сообщений предназначен раздел форума "Работа".

Если вы все же хотите, чтобы вам помогли - приложите какие-то усилия сами и задавайте вопросы по ходу дела.
__________________
Cogito, ergo sum
Ответить с цитированием
  #5 (permalink)  
Старый 10.12.2012, 01:15
Аватар для mi.rafaylik
Кандидат Javascript-наук
Отправить личное сообщение для mi.rafaylik Посмотреть профиль Найти все сообщения от mi.rafaylik
 
Регистрация: 07.12.2012
Сообщений: 113

Понял, извиняюсь.
Думаю должно быть как-то так, но не заработало:

<form id="myform">

    <input id="myinput">

    <select id="myselect">
        <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>

</form>

$('#myinput [value="Кахазстан"]').change(function(){
	$('#myselect option[value="2"], #myselect option[value="4"]').attr('disabled', 'disabled');
	$('#myselect option[value="1"]').attr('selected', 'true');
});


только вместо .change конечно должно быть другое событие, определяющее соответствие введённого текста..

Последний раз редактировалось mi.rafaylik, 10.12.2012 в 01:29.
Ответить с цитированием
  #6 (permalink)  
Старый 10.12.2012, 03:55
Аватар для cmd
cmd cmd вне форума
Профессор
Отправить личное сообщение для cmd Посмотреть профиль Найти все сообщения от cmd
 
Регистрация: 19.03.2011
Сообщений: 177

keyup
__________________
Cogito, ergo sum
Ответить с цитированием
  #7 (permalink)  
Старый 10.12.2012, 15:28
Аватар для mi.rafaylik
Кандидат Javascript-наук
Отправить личное сообщение для mi.rafaylik Посмотреть профиль Найти все сообщения от mi.rafaylik
 
Регистрация: 07.12.2012
Сообщений: 113

.keyup .keypress
.keyup и .keypress проверяют нажатие конкретной клавиши или их сочетания. Получается, нужно проверить нажатые подряд (но не одновременно) нужные символы.

Последний раз редактировалось mi.rafaylik, 10.12.2012 в 16:00.
Ответить с цитированием
  #8 (permalink)  
Старый 10.12.2012, 16:23
Аватар для Serg_pnz
Сам по себе
Отправить личное сообщение для Serg_pnz Посмотреть профиль Найти все сообщения от Serg_pnz
 
Регистрация: 09.06.2009
Сообщений: 963

$('#myinput').on('change keyup', function() {
Ответить с цитированием
  #9 (permalink)  
Старый 10.12.2012, 17:35
Аватар для mi.rafaylik
Кандидат Javascript-наук
Отправить личное сообщение для mi.rafaylik Посмотреть профиль Найти все сообщения от mi.rafaylik
 
Регистрация: 07.12.2012
Сообщений: 113

Изначально я хотел получить значение input value по атрибуту .change, и если value соответствует, тогда событие.
Это было бы проще, т.к. нужно задавать не коды символов, а просто нужное слово

Последний раз редактировалось mi.rafaylik, 10.12.2012 в 17:43.
Ответить с цитированием
  #10 (permalink)  
Старый 10.12.2012, 18:21
Аватар для cmd
cmd cmd вне форума
Профессор
Отправить личное сообщение для cmd Посмотреть профиль Найти все сообщения от cmd
 
Регистрация: 19.03.2011
Сообщений: 177

$('#myinput').on('keyup', function() {
 alert($(this).val());
});
__________________
Cogito, ergo sum
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
checkbox, radio и select c option Hekumok Общие вопросы Javascript 8 12.04.2016 17:51
Cохранение выбранного option в select. NiCKSoNka Элементы интерфейса 17 05.03.2012 15:48
Динамические option в select lurii Элементы интерфейса 10 14.01.2011 11:23
Пользовательский скрипт для выбора option в select по умолчанию justalittleperson Элементы интерфейса 1 04.10.2010 06:13
Вставка текста в textarea после выбора select option modelisto Общие вопросы Javascript 2 14.10.2009 19:27