相关疑难解决方法(0)

我有一个select带有一些选项的元素,但我想要一些不可选择的选项.

基本上它是这样的:

<select>
    <option> CITY 1 </option>
    <option> City 1 branch A </option>
    <option> City 1 branch B </option>
    <option> City 1 branch C </option>
    <option> CITY 2 </option>
    <option> City 2 branch A </option>
    <option> City 2 branch B </option>
    ...
</select>

正如您所看到的,我不希望城市可以直接选择,而只能选择每个城市下的选项.

如何才能完成用户可以点击CITY 1或者CITY 2不会被选中,因此用户被迫选择下面的一个分支？

我有一些类似于以下的标记:

<select>
  <option selected="selected">Apple</option>
  <option selected="">Orange</option>
</select>

在这种情况下,"橙色"显示为所选项目.我原本期望将selected属性设为空白会撤消其效果.有没有办法写这个而不是简单地离开属性？