如何禁用值

问题描述 投票:0回答:3

我有一个问题。

我有一个包含广告的页面,我想要创建一个类别,并让除我以外的所有用户都可以访问它。我发现我认为可以帮助我(只是从用户的类别列表中禁用类别),我现在得到了该代码

<select>
  <option class="level-0" value="42" selected="selected">Text1</option>
  <option class="level-0" value="15">Text2</option>
  <option class="level-0" value="40">Text3</option>
  <option class="level-0" value="18">Text4</option>
  <option class="level-0" value="43">Text5</option>
  <option class="level-0" value="36">Text6</option>
  <option class="level-0" value="17">Text7</option>
  <option class="level-0" value="41">Text8</option>
  <option class="level-0" value="19">Text9</option>
  <option class="level-0" value="16">Text10</option>
  <option class="level-0" value="38">Text11</option>
  <option class="level-0" value="39">Text12</option>
  <option class="level-0" value="1584">Text13</option>
  <option class="level-0" value="20">Text14</option>
  <option class="level-0" value="37">Text15</option>
</select>

并希望禁用Text 13行。它的值是“1584”,我不知道如何从列表中隐藏或禁用它。感谢名单

html css wordpress
3个回答
1
投票

尝试这样,禁用选项将显示为灰色

<select>
  <option class="level-0" value="42" selected="selected">Text1</option>
  <option class="level-0" value="15">Text2</option>
  <option class="level-0" value="40">Text3</option>
  <option class="level-0" value="18">Text4</option>
  <option class="level-0" value="43">Text5</option>
  <option class="level-0" value="36">Text6</option>
  <option class="level-0" value="17">Text7</option>
  <option class="level-0" value="41">Text8</option>
  <option class="level-0" value="19">Text9</option>
  <option class="level-0" value="16">Text10</option>
  <option class="level-0" value="38">Text11</option>
  <option class="level-0" value="39">Text12</option>
  <option class="level-0" value="1584" disabled="disabled">Text13</option>
  <option class="level-0" value="20">Text14</option>
  <option class="level-0" value="37">Text15</option>
</select>

1
投票

<select>
  <option class="level-0" value="42" selected="selected">Text1</option>
  <option class="level-0" value="15">Text2</option>
  <option class="level-0" value="40">Text3</option>
  <option class="level-0" value="18">Text4</option>
  <option class="level-0" value="43">Text5</option>
  <option class="level-0" value="36">Text6</option>
  <option class="level-0" value="17">Text7</option>
  <option class="level-0" value="41">Text8</option>
  <option class="level-0" value="19">Text9</option>
  <option class="level-0" value="16">Text10</option>
  <option class="level-0" value="38">Text11</option>
  <option class="level-0" value="39">Text12</option>
  <option class="level-0" value="1584" disabled >Text13</option>
  <option class="level-0" value="20">Text14</option>
  <option class="level-0" value="37">Text15</option>
</select>

可以使用也隐藏该行

 <option class="level-0" value="1584" disabled style="display:none">Text13</option>

0
投票

找到了! (它在Wordpress网站上,我无法编辑HTML - 抱歉我之前没有提到过)

option[value="1584"] {display: none;}
© www.soinside.com 2019 - 2024. All rights reserved.