select 联动问题? 如何根据第一级value值实时读取文本内字符串？

Question

例:
<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里，依此类推.
如图所示:
谢谢

Answer 1

给第一个select加一个onchange 事件  触动ajax 将选中的值通过ajax发送到后台后后台读取对应的文件将文件的值返回，之后动态的给第二个select加option试试

Answer 2

用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>");
}

}
});
}});
});

Answer 3

为何无法触发？<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> 
<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>");
                    }
                     
            }
        });
    }
 
});
});  
  
</form>

Answer 4

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
或者<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

Answer 5

不会jquery的话，还是用onchange（）和ajax吧……1楼正解