新手 求教下拉联动问题

数据库jsjava 

解决方案 »

  1.   

    有些小bug将就着看吧<!DOCTYPE html >
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <title> new document </title>
      <meta charset="utf-8" />
      <script src="jquery.js"></script>
    <script type="text/javascript">
    function show(){
    var dataSource = [{"name":"手机1","count":"5"},{"name":"手机2","count":"3"},{"name":"手机3","count":"8"}];
    $("#sPhone").empty();
    for(var i=0;i<dataSource.length;i++){
    $("#sPhone").append("<option value='"+ dataSource[i].count +"'>"+ dataSource[i].name +"</option>"); 
    } $('#sPhone').change(function(){ 
    $("#kucun").text("库存："+$("#sPhone").val()); 
    }) ;
    }
    </script>
     </head> <body>
    <select id="sPhone">
    </select>
    <span id="kucun"></span><a href="#" onclick="show();">加载</a>
     </body>
    </html>