检查<select>元素的值后FadeIn Span

时间:2015-11-12 17:25:48

标签: javascript jquery html css

我是我学校虚拟企业课程的开发人员。我需要一些关于我们网站www.modernnook.com代码的帮助。 我面临的问题是我需要检查select元素的值是等于什么,并在包含字符串的范围中淡入+包含取决于select值的变量。这是小提琴。 点击你的角落图片。

2 个答案:

答案 0 :(得分:0)

这是你的答案:

<select id="choice">
 <option value="">--Select any value--</option>
 <option value="hello">Hello</option>
 <option value="hi">Hi</option>
 <option value="bye">Bye</option></select><h2 id="here">...</h2>
<style type="text/css"> #here{
    opacity: 0;
    -webkit-transition: .6s;
}
</style>
<script type="text/javascript">
var choice = document.getElementById("choice");
var here = document.getElementById("here");
choice.addEventListener("change", alerte);
function alerte(){
    here.style.opacity = '1';
    here.innerHTML = "The value is : "+choice.value;
}</script>

选择是您的select * id。

答案 1 :(得分:0)

我解决了自己的问题。我的代码工作得很好,除了我没有定义select元素的id。让这成为所有人的教训。 PROOFREAD,PROOFREAD,PROOFREAD!