首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >codeigniter集成jquery选择框操作

问codeigniter集成jquery选择框操作
EN

Stack Overflow用户
提问于 2011-11-26 22:39:51
回答 1查看 2K关注 0票数 2

现在我需要一个三级选中的选项,第二个选中的选项将随着第一个选中选项的值而改变,所以我使用jquery插件"select box manipulation“可以做到这一点,但是现在我使用codeigniter,所以我想使用库来集成它,该怎么做呢?

如何集成jquery选择框操作incodeigniter?我是否需要使用库,或者是否有其他方法可以做到这一点?

谁能给我一些分数?http://www.texotela.co.uk/code/jquery/select/

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-11-27 09:02:15

不,你不需要图书馆。只需在控制器中创建方法,即可为表单获取数据。

一种想法是将相应的表单字段返回给请求,以填充到div或其他内容中。

查看:

代码语言:javascript
复制
<select name="shirts" onchange="getField(this.value)">
<option value="small">Small Shirt</option>
<option value="med">Medium Shirt</option>
<option value="large" selected="selected">Large Shirt</option>
<option value="xlarge">Extra Large Shirt</option>
</select>
<div id="field2"></div>

Javascript:

代码语言:javascript
复制
function getField(val){
    $.ajax({
        type:"get",
        url: "/controller/getField/"+val,
        success: function(data){
            $('#field2').html(data);
        }
    });
}

控制器:

代码语言:javascript
复制
...
public function getField($val=''){
    switch($val){
       case 'small':
       //$options = get data and do stuff; 
       echo form_dropdown('shirts', $options, 'large');
       break;
    }
}

http://codeigniter.com/user_guide/helpers/form_helper.html

http://api.jquery.com/jQuery.ajax/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8279155

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档