获取javascript以显示基于文本字段的div
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了获取javascript以显示基于文本字段的div,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2173字,纯文字阅读大概需要4分钟。
内容图文
![获取javascript以显示基于文本字段的div](/upload/InfoBanner/zyjiaocheng/821/2d1d4e4f932447a2b9bcae0507daaae7.jpg)
嘿所有,我一直在研究这个javascript文件,以便当有人输入更多文本时,他们会看到一个不同的div显示他们一段代码(很快就会成为paypal按钮).
出于某种原因,我无法让div出现.我已经使用了onchange和onkeyup,似乎都没有帮助.所以,这是代码:
<br/>Word Count: <input type="text" id="c" name="c" value="311" size="5"
onkeyup="cnt(document.script.w,this)" onchange="showDiv()"/>
</form>
<div id="div1" style="display:none">
Price level 1!
</div>
<div id="div2" style="display:none">
Price level 2!
</div>
<div id="div3" style="display:none">
Price level 3!
</div>
<div id="div4" style="display:none">
Price level 4!
</div>
<div id="div5" style="display:none">
Price level 5!
</div>
<div id="div6" style="display:none">
Price level 6!
</div>
<div id="div7" style="display:none">
Price level 7!
</div>
脚本
function showDiv() {
var myNumValue = document.getElementById('c').value;
var myNum = parseInt(myNumValue);
var price1=0;
var price2=100;
var price3=200;
var price4=300;
var price5=400;
var price6=500;
var price7=600;
if (myNum >= price1 && myNum <= price2) {
document.getElementById('div1').style.display = 'block';
}
elseif(myNum >= price2 && myNum <= price3) {
document.getElementById('div2').style.display = 'block';
}
elseif(myNum >= price3 && myNum <= price4) {
document.getElementById('div3').style.display = 'block';
}
elseif(myNum >= price4 && myNum <= price5) {
document.getElementById('div4').style.display = 'block';
}
elseif(myNum >= price5 && myNum <= price6) {
document.getElementById('div5').style.display = 'block';
}
elseif(myNum >= price6 && myNum <= price7) {
document.getElementById('div6').style.display = 'block';
}
else {
document.getElementById('div7').style.display = 'block';
}
}
所以,关于如何让这个人工作的任何想法.我知道我可能只是缺少一些简单的东西,只需要几双额外的眼睛.
解决方法:
elseif =>否则如果amurra指出的问题是你的一般问题,但我也想建议一种使用元素ID数组而不是ifs和ifs的替代方法.例如:
function showDiv() {
var myNumValue = document.getElementById('c').value,
myNum = Math.min(Math.floor(parseInt(myNumValue, 10) / 100), 6),
myDiv = ["div1", "div2", "div3", "div4", "div5", "div6", "div7"][myNum];
document.getElementById(myDiv).style.display = "block";
}
更整洁,对吗?实例:http://jsfiddle.net/AndyE/FFeLC/1/
内容总结
以上是互联网集市为您收集整理的获取javascript以显示基于文本字段的div全部内容,希望文章能够帮你解决获取javascript以显示基于文本字段的div所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。