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

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

成都创新互联公司制作网站网页找三站合一网站制作公司,专注于网页设计,做网站、成都做网站,网站设计,企业网站搭建,网站开发,建网站业务,680元做网站,已为上千多家服务,成都创新互联公司网站建设将一如既往的为我们的客户提供最优质的网站建设、网络营销推广服务!

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值”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注创新互联行业资讯频道。

当前文章：Jquery如何同时获取下拉框的Value和Text值
文章起源：https://www.cdcxhl.com/article40/ppdjeo.html

成都网站建设公司_创新互联，为您提供动态网站、品牌网站建设、网站设计公司、网站排名、搜索引擎优化、微信公众号

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联