Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 03.01.2017, 16:26
Аспирант
Отправить личное сообщение для KEMPZOR Посмотреть профиль Найти все сообщения от KEMPZOR
 
Регистрация: 13.12.2016
Сообщений: 85

Сообщение от рони Посмотреть сообщение
KEMPZOR,
не понимаю.
Есть два inputa. Клик на input показывает свою картинку. К этим двум input привязаны два select с множеством option. При выборе первого input первый select становится selected, второй disabled и наоборот. Так вот к примеру если я выберу второй input и select
<option data-path="http://l-c.by/d/402010/d/rolls_calc_163.jpg" value="1">Овен</option>
у меня покажет соответствующую картинку через в
<div id="selmimg"><img src=""></div>
. А если после этих действий я нажму первый input то у меня
<div id="selmimg"><img src=""></div>
картинка остаётся, а нужно чтобы скрылась.
Ответить с цитированием
  #12 (permalink)  
Старый 03.01.2017, 16:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

KEMPZOR,
не осилить, увы мне ...
Ответить с цитированием
  #13 (permalink)  
Старый 03.01.2017, 17:38
Аспирант
Отправить личное сообщение для KEMPZOR Посмотреть профиль Найти все сообщения от KEMPZOR
 
Регистрация: 13.12.2016
Сообщений: 85

Сообщение от рони Посмотреть сообщение
KEMPZOR,
не осилить, увы мне ...
Может быть я не понятно объясняю, суть вопроса понятна?
Ответить с цитированием
  #14 (permalink)  
Старый 03.01.2017, 17:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

Сообщение от KEMPZOR
суть вопроса понятна?
нет
Ответить с цитированием
  #15 (permalink)  
Старый 03.01.2017, 18:02
Аспирант
Отправить личное сообщение для KEMPZOR Посмотреть профиль Найти все сообщения от KEMPZOR
 
Регистрация: 13.12.2016
Сообщений: 85

Сообщение от рони Посмотреть сообщение
нет
Короче, проще говоря, нужно чтобы
<div id="selmimg"><img src=""></div>
скрывался когда происходит click на input.

<div class="button-inline"><input class="button-type-pr" checked="checked" id="j-vert" name="vidjalusi" type="radio" value="1">
   <label for="j-vert">Вертикальные</label></div>
<div class="button-inline"><input class="button-type-pr" id="j-horiz" name="vidjalusi" type="radio" value="2">
   <label for="j-horiz">Горизонтальные</label></div>
</div>
<div id="skritt4" class="max_jaluzi"><img class="eck" src="http://l-c.by/d/402010/d/image_mask_vertical.png" alt=""></div>
<div id="skritt5" class="max_jaluzi"><img class="eck" src="http://l-c.by/d/402010/d/image_mask_horizontal.png" alt=""></div>
<div class="blokz"><div class="demoz"></div></div>
<div class="eck" id="selmimg"><img src=""></div>


<select class="material-select" id="plklk"><option value="7">16мм Алюминиевые</option><option value="8">25мм Алюминиевые</option><option data-path="http://l-c.by/d/402010/d/image_mask_vertical.png" value="9">50мм Алюминиевые</option><option value="10">25мм Деревянные </option><option value="11">50мм Деревянные </option><option value="12">ISOTRA</option></select>


Вот такой код скрывает его, но при клике на option уже не показывает картинку, т.к остаётся display:none.

$(function(){
		var max = $(".max_jaluzi").hide(), inp = $("input[name='vidjalusi']");
		inp.click(function() {
			var indx = inp.index(this);
			max.hide().eq(indx).show();
                        $("#selmimg").hide();
		}).filter(':checked').click();
	});

$(document).ready(function(){
	$('#plklk').change(function(){
    $(".max_jaluzi").hide();
		$('#selmimg').find('img:first').attr('src', $('#plklk option:selected').attr('data-path'));
	});
});

Последний раз редактировалось KEMPZOR, 03.01.2017 в 18:09.
Ответить с цитированием
  #16 (permalink)  
Старый 03.01.2017, 18:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

KEMPZOR, так?
$('#selmimg').show().find('img:first').
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Взять данные из поля input(text) и добавить к содержимому div (text input + text div) ksultanov Элементы интерфейса 4 04.10.2016 19:46
Раскрытие не полностью раскрытого div по клику MrNix21 Элементы интерфейса 2 28.03.2016 14:41
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
Opera, input file, div tabindex autosoft Events/DOM/Window 31 04.07.2012 02:45
Как переписать div по клику по нему Lewik Общие вопросы Javascript 3 08.05.2012 22:27