头像

PHP+Mysql+jQuery实现查询和列表框选择操作

来源:https://www.daimasucai.com/form/15.html 代码素材管理员 2016-09-04浏览()

本文讲解如何通过ajax查询mysql数据,并将返回的数据显示在待选列表中,再通过选择最终将选项加入到已选区,可以用在许多后台管理系统中。

程序员,你不是一个人;网站开发QQ群:  在线充值,或联系QQ 3078847178直接充值

PHP+Mysql+jQuery实现查询和列表框选择操作
分类:首页>>网页特效>>表单按钮 阅读次数:
查看演示 下载次数: 10

手机扫码访问:

下载资源 下载积分: 0

  HTML

    <form id="sel_form" action="post.php" method="post">

      <p>

        <input type="text" name="keys" id="keys" value="输入姓名或手机号码" onclick="this.value=''" />

        <input type="button" id="searchOption" value="搜索" />

        <span id="msg_ser"></span>

      </p>

      <div id="sel">

        <select name="liOption[]" id='liOption' multiple='multiple' size='8'></select>

      </div>

      <input type="submit" value="提 交" />

    </form>

    

  说明,当点击搜索按钮时,进行的是Ajax异步操作,JAVASCRIPT将获取的搜索框的输入值,以POST方式传递给后台程序action.php处理,处理后,返回不同的结果给JAVASCRIPT,如果返回1,HTML页面会提示“没有记录”,反之,则将结果输出给左边列表框(待选区):liOptionms2side__sx。注意关键的地方到了,为什么列表框不是XHTML离的liOption,而变成了liOptionms2side__sx了呢?这个要从Multiselect插件说起,Multiselect插件其实就是将一个列表框装换成左右两个列表框,已供相关操作,通过查看其插件代码不难发现,左边的列表框名为:liOptionms2side__sx,右边列表框(已选区)名为:liOptionms2side__dx,后面会用到。

    $keys=trim($_POST['title']); 

    $keys=mysql_real_escape_string($keys,$conn); 

    if(!empty($keys)){ 

            $sql="select * from t_mult where username like '%$keys%' or phone='$keys'"; 

    }else{ 

            $sql="select * from t_mult"; 

    } 

    $query=mysql_query($sql); 

    $count=mysql_num_rows($query); 

    if($count>0){ 

          while($row=mysql_fetch_array($query)){ 

              $str.="<option value='".$row['id']."'>".$row['username']."-".$row['phone']."</option>"; 

        } 

        echo $str; 

    }else{ 

          echo "1"; 

    } 


声明:本文为原创文章,如需转载,请注明来源daimasucai.com并保留原文链接:https://www.daimasucai.com/form/15.html
如果您觉得本文的内容对您的学习有所帮助,您可以扫描下面的二维码请我喝杯茶,感谢!
alipay转账 alipay转账 扫扫加qq群

评论(0)


温馨提示:为规范评论内容,垃圾评论一律封号...

后面还有条评论,点击查看>>