Javascript 当未选择父下拉列表时，如何显示选择子类别的警报？

我是新的编码和学习从互联网上如何编码。 我有两个下拉列表。第一个是父类下拉列表，第二个是子类下拉列表

我想显示一个警告消息时，家长下拉列表未选中，用户直接点击子类别下拉列表。消息将显示，您必须选择父类别

为此，我尝试了value=onclick confirm“您必须选择父类别”选择这是我想要的，但问题是每当我单击子类别时，此警报总是出现。我也尝试过一次改变，但这对我也不起作用

我还尝试计算index length.val，但这也不起作用

我也尝试了下面的脚本，但这也不适合我

   <script>
   var dropdown = document.getElementById("child");
   dropdown.onchange = function(event){
   if(dropdown.value==""){
     alert("Your message")
   }
   }
   </script>

请看一下我正在用我的代码做什么

 //This is what I code 
 <script>
 function get_child_options(){
 var parentID = jQuery('#parent').val(); 
 jQuery.ajax({    //Inside jQuery we create ajax object
 url:'/halfdrink/adminseller/parsers/child_categories.php',
 type:'POST',
 data: {parentID : parentID },                                  
 success: function(data){
 jQuery('#child').html(data);    },
 error: function(){alert("Something went wront with the child options.")},

 });
 }

 // This also the main code line where I call get_child_options
 jQuery('select[name="parent"]').change(get_child_options); 
 </script>

我肯定做错了什么，但不知道我做错了什么。

---

欢迎您的建议。

这是jQuery的工作。PHP代码不需要

$document.readyfunction{ $'select[name=child]'{ var elem=$选择[name=parent]选项：selected'.val； 如果elem==0{ $'select[name=child]option[value=0]'。prop'selected'，true； 警报您必须选择父类别！； } }; }; 家长*： 父1 家长2 儿童*： 儿童1 儿童2

---

谢谢你的回答！我从你的解决方案中吸取了教训，但不幸的是，它对我不起作用。因为在你的回答中，当我点击child并选择child 1时，child 1被选中，并显示在子类别上。我希望当我触摸子类别且未选择父类别时，警报将显示，并且在选择父类别之前，子类别不显示选项。在警报之前添加此行：$'select[name=child]option[value=0]'。属性'selected'，true；看我的片段。非常感谢你，加博。现在代码运行良好。这正是我想要的。我前天就试过了。非常感谢你，亲爱的！