显示下拉框中的内容并从数据库中获取信息

<form action="" method="post">
<tr><td></td><td><select id="kind" name="kind" type="text">
<option value="0">行业类型:</option>
<option value="IT行业">IT行业</option>
<option value="食品行业">食品行业</option>
<option value="家电行业">家电行业</option>
<option value="房地产行业">房地产行业</option>
<option value="化妆品行业">化妆品行业</option>
<option value="冶金行业">冶金行业</option>
<option value="手工行业">手工行业</option>
<option value="纺织行业">纺织行业</option>
</select>
</td></tr>
<tr><td><input type="submit" name="ok" value="确定"/></td><td>
 
<input type="reset" value="重置"/></td></tr></td>
       
  </TR>
 <?php
 if(isset($_POST['ok'])){
 include("../include/dbconnect.php");

 $sql = "select * from qiye where  kind='". $_POST['kind']."'";
 $rs = mysql_query($sql);

 while($row=mysql_fetch_assoc($rs)){
 ?>
 
   <tr> <TD ><?php echo $row['name'];?></TD></tr>
    
  <?php
}
}
?>


要实现从数据库动态获取下拉框的选项,我们需要使用 layui 的 form 模块,以及 Ajax 技术从后台获取数据。以下是一个简单的示例: HTML 代码: ```html <div class="layui-form-item"> <label class="layui-form-label">城市</label> <div class="layui-input-inline"> <select id="city" lay-filter="city"> <option value="">请选择城市</option> </select> </div> </div> ``` JavaScript 代码: ```javascript layui.use(['form', 'jquery'], function() { var form = layui.form; var $ = layui.jquery; // 从后台获取下拉框选项数据 $.get('/getCityList', function(res) { if (res.code === 0) { var cityList = res.data; var html = ''; cityList.forEach(function(city) { html += '<option value="' + city.id + '">' + city.name + '</option>'; }); $('#city').html(html); form.render('select'); } else { layer.msg(res.msg, {icon: 2, time: 1500}); } }); }); ``` 在上述代码,我们使用了 jQuery 的 Ajax 方法从后台获取城市列表数据,然后遍历数据生成下拉框选项的 HTML 代码,并通过 $('#city').html(html) 方法将其添加到下拉框。最后,调用 form.render('select') 方法重新渲染下拉框即可。 需要注意的是,在后台接口,需要返回一个 JSON 格式的数据,其 code 表示接口调用状态,0 表示成功,1 表示失败;msg 表示接口调用结果提示信息;data 表示接口返回的数据。例如: ```json { "code": 0, "msg": "获取城市列表成功", "data": [ {"id": 1, "name": "北京"}, {"id": 2, "name": "上海"}, {"id": 3, "name": "广州"}, {"id": 4, "name": "深圳"}, {"id": 5, "name": "杭州"}, {"id": 6, "name": "成都"}, {"id": 7, "name": "武汉"} ] } ``` 其的数据可以根据实际需求进行修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值