form表单传递下拉框的Value和Text值,不适用Jquery传递

时间:2023-12-28 19:06:32

同时获取下拉框的Value和Text值的解决办法:
添加一个<input type="text" >文本框,用户选中一项后就将该项的value值给他

然后接受页面获取该文本框变迁即可获取到相应的Text值

表单填写页面:

1
2
3
4
5
6
7
8
<script src="<?=base_url();?>javascript/jquery.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
    $("#ProduceCategory").change(function(){
        var category=$("#ProduceCategory").find("option:selected").val();
        $("#category_name").val(category);
    })});
</script>
1
2
3
4
5
6
7
8
9
10
11
  <select name="ProduceCategory" id="ProduceCategory" style="width:120px">
    <option value="">-选择种类-</option>
 <?php if(is_array($category)) foreach($category as $r):?>
<option value="<?php echo $r['category_id'] ?>"><?php echo $r['category_name'] ?></option>
<?php endforeach;?>
  </select>
  <input type="text" name="category_name" id="category_name" style="display: none"/>
<br/><br/>

上面的是js去传递我们的下拉框的text值,将其传到文本框中,此时我们的form即可传递这个文本框的值。

服务器端接收的代码:

1
$plant_category = $this->input->post('category_name');