Показать сообщение отдельно
  #19 (permalink)  
Старый 10.08.2016, 16:57
Профессор
Отправить личное сообщение для Manyasha Посмотреть профиль Найти все сообщения от Manyasha
 
Регистрация: 21.09.2015
Сообщений: 196

warren buffet,
Цитата:
браузер делает все сам и получше
Может покажите пример, как должно быть? Я знаю, что мои знания о javascript с трудом можно назвать средними, поэтому, хотелось бы увидеть грамотный вариант применения datalist.
Покажите, пожалуйста, альтернативный вариант приведенного мною кода без применения скриптов?
<input name="filt" list="dl_continents" id="filt" />
<datalist id="dl_continents">
    <option data-value = "1" value="EUROPE"/>
    <option data-value = "2" value="AMERICA"/>
    <option data-value = "3" value="ASIA"/>
    <option data-value = "4" value="AFRICA"/>
</datalist>
<input type="button" onclick = "getValue()" value = "test">
<script>
function getValue(){
    var elem = document.getElementById("filt");
    var opt=document.querySelector("#dl_continents option[value='"+elem.value+"']");
    if (opt){
        alert(opt.dataset.value)
    }else{
        alert("Err")
    }
}
</script>
Ответить с цитированием