Передача значений в select

[Sergei-b84]

Всем привет! Подскажите, пожалуйста, как передать value из первого списка в атрибут data-limit второго списка.

Пример моего кода не работает

<select name="name" onchange="document.getElementById('image-picker').data-limit=this.value;">
<option value='1'>1</option>
<option value='2'>2</option>
</select>
 
<select class="image-picker show-html"  id="image-picker"  data-limit="" multiple="multiple" style="width:369px; margin-bottom: 20px;">
  <option data-img-src="image-picker/images/01.png" value="2">  Page 2  </option>
  <option data-img-src="image-picker/images/01.png" value="3">  Page 3  </option>
    <option data-img-src="image-picker/images/01.png" value="12"> Page 12 </option>
</select>

[рони]

Sergei-b84,

http://learn.javascript.ru/dataset-api
http://learn.javascript.ru/attribute...трибуты

[Brutus]

Sergei-b84,

<select name="name" onchange="document.getElementById('image-picker').setAttribute('data-limit',this.value);">
  <option value='1'>1</option>
  <option value='2'>2</option>
  <option value='3'>3</option>
  <option value='4'>4</option>
</select>
<br> 
<select class="image-picker show-html"  id="image-picker"  data-limit="" multiple="multiple" style="width:369px;">
  <option data-img-src="image-picker/images/01.png" value="2">  Page 2  </option>
  <option data-img-src="image-picker/images/01.png" value="3">  Page 3  </option>
  <option data-img-src="image-picker/images/01.png" value="12"> Page 12 </option>
</select>

И всё та же печальная ссылка http://learn.javascript.ru/attribute...трибуты

[Sergei-b84]

Попробовал. к сожалению не работает.(((

[Brutus]

Sergei-b84,
Все работает!
Тестируй в инструментах разработчика Google Chrome или Fierfox;
или

<select name="name" onchange="document.getElementById('image-picker').setAttribute('data-limit',this.value);">
  <option value='1'>1</option>
  <option value='2'>2</option>
  <option value='3'>3</option>
  <option value='4'>4</option>
</select>
<br> 
<select class="image-picker show-html"  id="image-picker"  data-limit="0" multiple="multiple" style="width:369px;">
  <option data-img-src="image-picker/images/01.png" value="2">  Page 2  </option>
  <option data-img-src="image-picker/images/01.png" value="3">  Page 3  </option>
  <option data-img-src="image-picker/images/01.png" value="12"> Page 12 </option>
</select><br>
<button onclick="alert(document.getElementById('image-picker').getAttribute('data-limit'))">тест</button>

[рони]

Brutus,


Limit multiple selects для image-picker
тут его проблема

[Brutus]

рони,
Ха, не заметил
Sergei-b84,
В атрибут onchange допиши вызов функции img picker;

[Sergei-b84]

Сделал. Все заработало, только есть какой-то лаг. Список сразу не отображается. Только после нажания на него. Подскажите - моя ошибка в том что я вызываю функцию jQuery не правильно?

function myFunction() {
 
var name_element = document.getElementById('image_picker_count');
var count_id = name_element.value;
 
if (count_id == '0') {
$('#image-picker').attr('multiple', false);

jQuery("select.image-picker").imagepicker({
hide_select:  true,
});

}
else
{
$('#image-picker').attr('multiple', true);

jQuery("select.image-picker").imagepicker({
hide_select:  true,
limit_reached:  function(){alert('We are full!')},
limit: count_id,
});

};

  
}

[Sergei-b84]

Спасибо всем огромное!!! Проблема решена!