本文小编为大家详细介绍“Jquery如何同时获取下拉框的Value和Text值”,内容详细,步骤清晰,细节处理妥当,希望这篇“Jquery如何同时获取下拉框的Value和Text值”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
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值”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
原文链接:https://blog.51cto.com/u_15683012/5740675