第一个选择里加个属性,onchange="changeCity()",当第一个select改变的时候掉js的onchangeCity()方法,得到第一个select的值,再调数据库查出来,赋给第二个select。最好用ajax做,异步刷新。
方法和详细的 *** 作步骤如下:
1、第一步,打开HBuilder工具,并在Web项目的js文件夹中创建一个新的JavaScript文件ConnDBjs,使用require()引入mysql模块,然后将该值分配给变量mysq,见下图,转到下面的步骤。
2、第二步,完成上述步骤后,调用createConnection()方法设置主机,用户名,密码,端口并返回数据,见下图,转到下面的步骤。
3、第三步,完成上述步骤后,调用mysql模块中的connect()方法以连接到mysql数据,见下图,转到下面的步骤。
4、第四步,完成上述步骤后,编写查询语句SQL并将其作为字符串分配给变量sq,见下图,转到下面的步骤。
5、第五步,完成上述步骤后,调用query(),根据返回值判断结果,然后打印返回,见下图。这样,就解决了这个问题了。
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,编写问题基础代码,选中选项2。
2、在indexhtml中的<script>标签,输入js代码:
var value = $('#myselect')val();
var text = $('#myselect')find("option:selected")text();
$('body')append('value=' + value + ',text=' + text);
3、浏览器运行indexhtml页面,此时成功获得到选中的选项的值和文本并打印了出来。
1、使用innerHTML
<script>var shosetype=documentcreateElement("select"); //创建select标签
shosetypesetAttribute("id","sc");//设置select的id为“sc"
documentbodyappendChild(shosetype);//将select添加到body
var option="<option value=\"1\">添加成功</option>";//新建options
shosetypeinnerHTML=option;//将option添加到select
</script>
2、optionsadd
//根据select查找对象,var obj=documentgetElementById('mySelect'); //获取到id为'mySelect'的select元素
//添加一个选项
objadd(new Option("文本","值")); //添加select的options 这个只能在IE中有效
objoptionsadd(new Option("text","value")); //添加select的options 这个兼容IE与firefox
以上就是关于在select中option选择的值怎样用js来写全部的内容,包括:在select中option选择的值怎样用js来写、JAVASCRIPT如何 *** 作数据库、js 怎么获取select value值 和optione的文字等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)