Question

我的页面中有一个下拉列表，下面是html部分列表：

<select  id="Permission_id" name="Permission_id"><option value="">Pls select</option>
 <option value="001f492b-fbb2-440c-b2ac-1fab5d97f5e3">super</option>
 <option value="559ede95-1dbb-45d5-ae41-2df6f460e87a">admin</option>
 <option value="80b330ee-37dc-42c4-8902-c30254112c11">user</option>
<select>

在同一页面中，我有另一个下拉列表，html部分列在下面：

<select id="TopPranet_id" name="TopPranet_id"><option value="">Pls select</option>
 <option value="65c61442-e02f-4071-b746-2c7cbfcc859a">Settings--admin</option>
 <option value="66d21c35-66a2-40d8-a9db-675b337fa0bb">Control--admin</option>
 <option value="cd612bfc-9f61-4228-b986-90bda4be9d8d">Action--admin</option>
 <option value="2a137846-5ae0-4104-b0c9-be09a0e772d8">Settings--super</option>
 <option value="b75c43f3-cafb-41a2-a76b-c572fffd8a6a">Control--super</option>
 <option value="2c3f618c-373f-4559-967f-d8dcea1b6996">Action--super</option>
</select>

现在我想做以下事情：当Permission_id的选择项更改时，TopPranet_id的项将仅包含内部具有Permission_id所选文本的项。也就是说，如果我在Permission_id控件中选择admin，那么TopPranet_id控件将只包含设置 - 管理员，控制 - 管理员，操作 - 管理员项目，其他人将被删除。

我知道我可以使用Jquery来做这件事，但我对此更新，同样，也可能需要正则表达式。需要你的帮助，thx。

Answer 1

请在这里查看我添加了一个前

Here

你的HTML似乎没问题

现在

在javascript中

$('#Permission_id').change(function()
                             {

$('#TopPranet_id option').each(function()
                               {
  if(this.innerHTML.indexOf($('#Permission_id :selected').text())!=-1)
                                 {}
                                 else

                                 {
                                this.style.display='none';
                                 }

                               });

                             });

我们添加了更改功能，它会检测第一个下拉列表的更改事件，之后我们将使用第二个下拉列表检查该文本，该文本将显示并隐藏下拉列表

根据所选关键字删除下拉列表中的一些项目

1 个答案: