Скрыть/удалить значение параметра из выбора, если значение выбрано/изменено

Я хотел скрыть или удалить <option value=" "></option>, когда какое-то значение выбрано из другого раскрывающегося списка.Скрыть/удалить значение параметра из выбора, если значение выбрано/изменено

Так что это что-то, как мне это нужно:

<Select id="first"> 
<option value="1">one</option> 
<option value="2">two</option> 
</select>

Теперь, когда выбрана опция two, ниже раскрывающийся первое значение, которое является пустой строкой "" должна либо получить remove или hide от выбора ,

<select id="too"> 
<option value=""></option> 
<option value="time"time</option> 
</select>

JQuery - очень эффективная библиотека, и я все еще попадаю в нее как начинающий. Любая помощь о том, как сделать это было бы большим подспорьем

источник

2014-01-23 AKIWEB

пожалуйста, добавьте JQuery вы пробовали до сих пор. Ваш вопрос может быть более четким, если вы его добавите. – otherDewi

$("#first").change(function() { 
    if(2 == $(this).val()){ 
     $("#too").children()[0].remove(); 
    } 
});

http://jsfiddle.net/NHM28/

источник

2014-01-23 20:19:28

Спасибо, Джорис, я узнал, что если я упоминаю функцию скрипта с 'window onload', это также предотвратит состояние функционирования, даже если мы обновим страницу? пожалуйста, поправьте меня, если я ошибаюсь. – AKIWEB

Можно ли это сделать в ванильном javascript? – fungusanthrax

Да - см. Ответ ниже. –

Вот ваш обычный раствор Javascript

<html> 
<Select id="firstSelect"> 
<option value="1">one</option> 
<option value="2">two</option> 
</select> 


<select id="secondSelect"> 
<option value=""></option> 
<option value="time">time</option> 
</select> 

<script> 
    var node = document.getElementById("firstSelect"); 
    node.addEventListener('change', removeOptionTag); 

    function removeOptionTag(){ 
     var secNode = document.getElementById('secondSelect'); 
     var allTags = secNode.getElementsByTagName('option'); 
     secNode.removeChild(allTags[0]); 
    } 
</script> 

</html>

источник

2014-01-23 20:22:53

Вот способ сделать это.
HTML:

<select> 
    <option value=""></option> 
    <option value="1">one</option> 
    <option value="2">two</option> 
</select>

JS:

$(document).ready(function(){ 
    $("select").click(function(){ 
     if($("select option:selected").val() != ""){ 
      $("select option[value='']").hide(); 
     } 
    }); 
});

http://jsfiddle.net/9w6cN/

источник

2014-01-23 20:28:13 Jonathan

Скрыть/удалить значение параметра из выбора, если значение выбрано/изменено

ответ

Смежные вопросы