一、简要介绍
js中的onblur()事件可以处理文本输入框(input)失去焦点,进行值的改变;js中的onchange()事件可以处理下拉框(select),进行值的改变;二、演示
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 问题分类: <select name="" id="n1" onchange="f1()" value=""> <!-- 运用的是onchange()事件 --> <!-- 说明:1、option中的value值如果没有填入,则在问题标题不能获取成功 2、select中的值不能有空格,因为值的获取也受spilt()的影响;不然的话问题标题会获取到一串的内容--> <option value="天天生鲜Android" >天天生鲜Android</option> <option value="天天生鲜iOS" >天天生鲜iOS</option> <option value="生鲜商城SDK" >生鲜商城SDK</option> </select> <br> 版本号:<input type="text" name="" id="p1" onblur="f2()" value="" /> <!-- 运用的是onblur()事件 --> <br> 问题标题:<input type="text" name="" id="a1" value="【天天生鲜 v3.1.0】" /> <script type="text/javascript"> //问题分类替换函数 function f1(){ var sT1 = document.getElementById('n1').value; var s1 = document.getElementById('a1').value.split(' ')[0]; var sA1 = document.getElementById('a1').value.replace(s1, '【' + sT1); document.getElementById('a1').value = sA1; } //版本号替换函数 function f2(){ var sP1 = document.getElementById('p1').value; var s2 = document.getElementById('a1').value.split(' ')[1]; var sA1 = document.getElementById('a1').value.replace(s2, 'v' + sP1 + '】'); document.getElementById('a1').value = sA1; } </script> </body> </html>声明:作者是小白,若有不足之处请指出!谢谢QAQ!