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

本文小编为大家详细介绍“Jquery如何同时获取下拉框的Value和Text值”，内容详细，步骤清晰，细节处理妥当，希望这篇“Jquery如何同时获取下拉框的Value和Text值”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

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');

读到这里，这篇“Jquery如何同时获取下拉框的Value和Text值”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注亿速云行业资讯频道。