select 联动问题? 如何根据第一级value值实时读取文本内字符串?
例:
<form class="myform" action="../test.html">
<select name="export" style='width:80px;'>
<option value="" selected="selected">请选择</option>
<option value="sda">sda </option>
<option value="sdb">sdb </option>
<option value="sdc">sdc </option>
<option value="sdd">sdd </option>
</select>
<select name="ex" size="10" multiple style='width:80px;height:90px' >
<option value=""></option>
</select>
</form>
如:value值 sda 文本内容为 sda1 sda2 sda3..,sdb文本内容为sdb1 sdb2.等实时变化的数据
这些数据值分别实时保存在系统里sda.conf、sdb.conf、sdc.conf 文本文件里。
请教如何在选择,选中 value 值 sda 时,同时联动读取 sda.conf 文本的字符串显示到select里,依此类推.
如图所示:
谢谢
------解决方案--------------------用jquery,ajax
<script type="text/javascript">
$(document).ready(function(typeValue) {
$("select[name='export']").change(function(){
var thisV=$(this).val();
var show=$("select[name='ex']");
if(thisV !="请选择"){
$.ajax({
type : "post",
url :"url",//请求方法路径
success:function(data) {
//数据分割,根据后台的连接类型,赋值,假设为d[];
for(var i=0;i<d.length();i++){
show.empty().append("<option value='"+d[i]+"'>"+d[i]+"</option>");
}
}
});
}
});
});