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

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控件将仅包含设置--admin，控件--admin，操作--admin项，其他项将被删除。

我知道我可以使用 Jquery 来做到这一点，但我是新手，而且，这样做可能也需要正则表达式。需要你的帮助，谢谢。

Answer 1

请检查这里我添加了一个前

这里

你似乎一切都很好

现在

在JavaScript中

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

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