Question

我想实现这样的目标

<select id="funsports" name="funsports">
   <option value="">sports</option>
   <option value="football">football</option>
   <option value="tennis">tennis</option>
</select>

但是当我保存小部件时，它会强行删除最后的结束标记。当我在博客小部件中使用这种类型的选项时，我遇到了这样的问题。

我们如何在最后用</option>标签强制关闭？任何与jQuery或JavaScript有关的方法，或者我们只能通过HTML和CSS实现。

<select id="fungames" name="fungames">
  <option value="" />games
  <option value="roadrash" />roadrash
  <option value="gta" />gta
</select>

Answer 1

W3.org说：

标记省略

选项元素必须具有开始标记。选项元素的结束标记   如果紧跟后面的选项元素，则可以省略   另一个选项元素，或者如果它紧跟一个   optgroup元素，或者父元素中没有更多内容   元件。

Answer 2

正如其他人所说，这不是一个实际问题，但如果你真的想要最后一个标签，只需使用jQuery：https://jsfiddle.net/tu3wpzsj/3/

$(document).ready(function() {
    $('select').append('</option>');
    $('option').each(function(i){
        if(i!=0) $(this).before('</option>');
    });
});

如何防止关闭标签被删除？

2 个答案: