选择选择选项后,如何在单击按钮时显示图像?

时间:2019-04-14 22:54:44

标签: javascript jquery html css

我基本上是在为歌曲随机化器设置一个模板,我希望它能使我单击按钮时出现一个不同的歌曲名称,但取决于选择的元素,例如歌曲是显式的还是歌曲持续时间。

我尝试过以下代码:

 $(document).ready(function() {
     'use strict';
        $("#explicit").change(function() {
          if ($("#explicit option[value='Popular']").attr('selected')) {
              $('#songfound').css('visibility','visible');
          }
        }); 
      });

HTML:

<p id="songfound2">'Juicy' - The Notorious B.I.G</p>
<label for="explicit">Explicit</label>

<select id="explicit" name="explicit">
<option value="yes">Yes</option> 
<option value="no">No</option> 
</select>


<label for="duration">Duration</label>

<select id="duration" name="duration">
<option value="over2">Over 2 Minutes</option> 
<option value="under2">Under 2 Minutes</option> 
</select>

谢谢。

0 个答案:

没有答案