如果在没有js的情况下选择下拉列表,如何选择隐藏的html?

时间:2014-07-23 07:50:59

标签: html

我现在已经有了这个页面。 如果下拉列表选择了另一个值,我需要隐藏一些HTML。 当我选择下拉列表中的其他内容时,需要隐藏第一个值。

这是我的代码:

<h1>Geschaafd hout </h1> 
<p>vurenhout geschaafd met 4 ronde hoeken c 18 kwaliteit noord europees.</p> 
<select> 
  <option value="Geschaafd 46x196">Geschaafd 46x196</option> 
  <option value="Geschaafd 46x146">Geschaafd 46x146</option> 
  <option value="Geschaafd 46x96">Geschaafd 46x96</option> 
  <option value="Geschaafd 46x71">Geschaafd 46x71</option> 
  <option value="Geschaafd 46x71">Geschaafd 46x46</option> 
</select> 
<div><span style="line-height: normal; white-space: pre;"><br />
     </span> 
  <table style="width: 100%; border-collapse: collapse;"> 
    <tbody> 
      <tr> 
        <td style="font-weight: bold;">Artikel nr</td> 
        <td style="font-weight: bold;">Omschrijving</td> 
        <td style="font-weight: bold;">Afmeting</td> 
        <td style="width: 120px; font-weight: bold;">Offerte</td> 
      </tr> 
      <tr> 
        <td>02502000</td> 
        <td>geschaafd 46x196</td> 
        <td>420 cm</td> 
        <td><a href="/offertes/?item=02502000|geschaafd 46x196|420 cm">vraag offerte aan</a></td> 
      </tr> 
      <tr> 
        <td><br />
           <br />
           <br />
           </td> 
        <td></td> 
        <td></td> 
        <td></td> 
      </tr> 
      <tr> 
        <td>02501500</td> 
        <td>geschaafd 46x146</td> 
        <td>270 cm</td> 
        <td><a href="/offertes/?item=02501500|geschaafd 46x146|270 cm">vraag offerte aan</a></td> 
      </tr> 
      <tr> 
        <td><br />
           <br />
           <br />
           </td> 
        <td></td> 
        <td></td> 
        <td></td> 
      </tr> 
    </tbody> 
  </table> </div>

我搜索了很多可以做的事情。但由于我无法在此CMS中使用js,因此使用某些代码非常困难。 我在CMS中唯一可以使用的是HTML。

有人可以帮助我摆脱这个问题。

1 个答案:

答案 0 :(得分:0)

解决方案是安静简单或“复杂”。由于您无法在CMS中使用JavaScript,因此这是一个标准。您将<select>标记放在带有提交按钮的<form>中......然后在服务器端处理它。

我很好奇,你在谈论哪个CMS?