Question

我正在开发一个HtML页面，我有一个下拉菜单，有三个选项

Value :<select id="tagid_1">
<option value="tagAll">tagAll</option> 
<option value="untagAll">untagAll</option>
<option value="UnTagPvid">untagPvidOnly</option></select>

我想要的是，如果用户选择下拉标签，则会动态显示一个复选框，例如想要VLACP

同样，如果用户选择untagAll，则会出现两个复选框，一个复选框例如想要STP，第二个复选框想要SLPP。

无论如何，我可以用HTML做到这一点。

如果可以在纯HTML中完成，那么如果有人可以为此共享javascript代码将会很有帮助。

提前致谢。

Answer 1

假设您的选择列表如下：

<div id="appendCheckbox"></div>// will append here checkbox dynamically

 <select>
   <option value=1> text</option>
    <option value=2> text2</option>
</select>

Jquery as

  $('Select').change
       (function(){
     var value = $(this).val();
      If(value ==1){
        // first remove previously appended checkbox.
          $("#appendCheckbox").html();


        $("#appendCheckbox").append("text <input type="checkbox" value=1/>");}
    If(value ==2){
      // here append two input
     } 
  });

HTML：选择一个下拉列表时，会出现一个复选框

1 个答案: