日期:2014-05-16  浏览次数:20388 次

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

}
});
}

});
});