如何禁用值

时间:2016-12-06 11:33:30

标签: html css wordpress

我有一个问题。

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



<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>
&#13;
&#13;
&#13;

并想要禁用Text13行。它的价值是&#34; 1584&#34;而且我不知道如何从列表中隐藏或禁止它。感谢名单

3 个答案:

答案 0 :(得分: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 :(得分:1)

&#13;
&#13;
<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>
&#13;
&#13;
&#13;

也可以使用

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

答案 2 :(得分:0)

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

option[value="1584"] {display: none;}