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 中