如何通过select下拉框选择不同选项，然后同时后台改变mysql的数据_框架

这个和ajax技术密切相关

ajax技术通俗来讲就是保证页面不刷新的情况下吧数据通过服务端展现给浏览器

所以这里楼主可以使用ajax来实现一下给出一个ajax例子

</select>

//此时select框是没有任何数据的

给他加上value值改变触发的事件

$("#select")change(function(){

$get('indexphp',data,function(res){

$("#select")append('<option value="'+resval+'">'+rescontent+'</option>');//把获取到的信息append到select框下

},'json');

});

//或者楼主是要这种情况选中select的其中某个选项在加载数据

</select>

$("#select")change(function(){

//这里假设选中了value =1的option

var val = $("#select")val();

$get('indexphp',{value:val},function(res){

sonsolelog(res);//打印从服务器获取到的信息

},'json');

});

你自己都写出来了啊！取值直接用$("xxx input[name='name']")val();或者下拉框用select

监视的话你可以给div下的控件添加一个onchange事件。在他们改变后可以得到他们改变后的值

在HTML页面中，获取当前select元素中所选中的那个值和显示值。

<tr>

</select>

</td>

</tr>

function on_idmbzd_change(){

var sel_obj = documentgetElementByIdx("idMbzd ")；

var index = sel_objselectedIndex;

alert(sel_objoptions[index]value);

alert(sel_objoptions[index]text);

}

</script>

设置select元素的选中项：

通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。

< select id = "sel" >

< option value = "1" >1</ option >

< option value = "2" selected = "selected" >2</ option >

< option value = "3" >3</ option >

</ select >

扩展资料

超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。

HTML标签的大小写无关的，例如“主体”<body>跟<BODY>表示的意思是一样的，推荐使用小写。

参考资料来源：百度百科-HTML

css设置下拉列表(select)样式首先我们需要获取到这个元素的id或者是class，然后在通过给这个元素设置它的width和height等等一些样式，具体的看代码:

<html>

<head>

<style>

div1{

width:600px;

height:200px;

font-size:13px;

}

div select{

width:200px;

}

div select option{

width:150px;

height:30px;

}

</head>

<body>

<option value="volvo">Volvo</option>

</select>

</div>

</body>

</html>

<body>

</select>

</body>

function cha(obj){

//获取选中的option

var index = objselectedIndex;

//取选中的option的文本是取值还是取属性就随意了

var val = objoptions[index]text;

//判断val规则,可以用数组,也可以用if判断很灵活的一个位置

/根据val的值判断规则改变id为txt的值/

var txt = documentgetElementById('txt');

if(val == "efg"){

txtinnerHTML = "EFG";

}else if(val == "hij"){

txtinnerHTML = "HIJ";

}else{

txtinnerHTML = "";

}

</script>

两个思路供参考，第一种，jsp输出的时候，把数据输出成javascript的一个全局数组，再在select的onchange事件里，读取数组的数据直接填上(数据不多的话，推荐这个方法，执行起来速度快);第二种方法，用Ajax，相关代码百度一下就有，使用也不难，就在select的onchange事件里用Ajax请求一个input的数据，得到回应就把数据填入input

以上就是关于如何通过select下拉框选择不同选项，然后同时后台改变mysql的数据全部的内容，包括:如何通过select下拉框选择不同选项，然后同时后台改变mysql的数据、jquery: 如何获取在div class="xxx"下的text,select,radio等的内容。还有就是如何监听他们内容的改变。、如何获取和设置HTML文档中select元素的选中项等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9556301.html

如何通过select下拉框选择不同选项，然后同时后台改变mysql的数据

发表评论

评论列表（0条）