jquery - 使用两个选择表单框但只出现一个

Question

我已经使用了两个选择表单框，第二个应该出现在下面，而不是它不显示，但其余内容会显示

我复制了页面顶部的代码，它出现了，但重新格式化了页面。我希望它出现在第一个下方：/

HTML：

      <select name="Category" required="required">
      <option value="" title="Category">Category</option>
      <option value="CAT1">CAT1</option>

      <select name="Location" required="required">
      <option value="" title="Location">Select Location</option>
      <option value="Worldwide">Worldwide</option>

css

select {
padding:1.2em;
margin: 0em;
background: #e74c3c;
color:#ffffff;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
clear: both;
}

Answer 1

选择标签需要关闭...这应该工作..

  <select name="Category" required="required">
  <option value="" title="Category">Category</option>
  <option value="CAT1">CAT1</option>
    </select>
  <select name="Location" required="required">
  <option value="" title="Location">Select Location</option>
  <option value="Worldwide">Worldwide</option>
  </select>

如果您希望它们一个在另一个下方，请将它们放在单独的 div 中