jquery如何同时获取下拉框的Value和Text值

2022-12-05 09:23:32

jquery是什么

jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。

form表单传递下拉框的Value和Text值,不适用Jquery传递
同时获取下拉框的Value和Text值的解决办法:
添加一个<input type="text" >文本框,用户选中一项后就将该项的value值给他
然后接受页面获取该文本框变迁即可获取到相应的Text值

表单填写页面: <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>   <select name="ProduceCategory" id="ProduceCategory" >     <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" />  
  <br/><br/> 上面的是js去传递我们的下拉框的text值,将其传到文本框中,此时我们的form即可传递这个文本框的值。 服务器端接收的代码:

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