如何禁用或删除使用Javascript的html元素

我有一个关于禁用或删除HTML元素的问题。我有3个选择组。第一组（1,2,3），第二组（a，b，c），第三组（4,5,6）。下面是逻辑：如何禁用或删除使用Javascript的html元素

如果我选择（1）上的第一组，就会使（b和c）在第二组dissapear选项和（4,5）dissapear
如果我选择（2）在第一组时，它将使（a）第二组消失，第三组中的（6）被禁用。
如果我在第一组中选择（3），它将使第二组的所有选项都失效，不会消失并使（5,6）消失。

任何人都可以给我一个代码的例子，需要做到这一点，或者至少通过点击事件或选择事件来禁用和消除HTML元素。

2015-10-06 Aditya Christianto

什么您已经尝试到现在？ –

对不起Sarjan.I已经搜索Google.But即时通讯没有得到help.I想让它交互像在C++或C languange.If在C + +或C我可以很容易地设置文本框属性为false通过触发一些附加到它的事件但现在它的网络，我真的不知道。你可以给我一点例子。我自己来休息一下。谢谢 –

我会给你如何做点为例两个在你的列表中。由此你应该能够为其他人调整解决方案。我假设三个选择框的ID为first,second和third。

$("#first").change(function() { 
    //Reset so that all options are enabled and visible. 
    $("option").prop("disabled", false).show(); 
    //Do different things depending on what value is selected. 
    switch($(this).val()) 
    { 
     case "1": 
      //Implement some code here. 
      break; 
     case "2": 
      //Hide a option on the second select. 
      $("#second option[value=a]").hide(); 
      //Disable 6 option on third select. 
      $("#third option[value=6]").prop("disabled", true); 
      break; 
     case "3": 
      //Implement some code here. 
      break; 
    } 
});

请注意，此代码依赖于value属性被显式的选项设置。您也可以根据列表中的位置来选择选项，例如#third option:eq(2)作为第三个列表中的第三个选项。

您可能还想添加一些逻辑，以便在删除或禁用某个选项时选择其他选项。

Fiddle.

来源

2015-10-06 09:42:20 Anders

Thx对于Answer.Im新的Web编程。但我得到了logic.Thx Anders。：d –

你应该看看jQuery和一个超级简单的例子是这样的：

<div class="hideMe"> 
some stuff 
</div>

，然后在你的脚本：

$(document).ready(function() { 

    $('.hideMe').click(function() { 
      //Do some stuff here 
    }); 

});

来源

2015-10-06 09:37:41

Nice.Its Worked.Voted！：D –

如何禁用或删除使用Javascript的html元素

回答

相关问题