select选框类似省市联动的类型在刷新的时候一些问题


$().ready(function(){
        $(‘#type‘).change(function(){
            resetType()
        });
        resetType();
        resetResult();
        $(‘#question‘).change(function(){
            resetResult();
        });
        
    });
    function resetType() {
        var type = $(‘#type‘).val();
        if(type==‘1‘){
            $(‘#result‘).hide();
            $(‘#question‘).show();
        }else{
            $(‘#question‘).show();
            $(‘#result‘).show();
        }
    }
    function resetResult(){
        var url = ‘{:U("sum/ajaxGetResults")}‘;
            var type = $(‘#type‘).val();
            if(type!=1){
                var question_id = $(‘#question1‘).val();
                $.ajax({
                    url:url,
                    data:{‘question_id‘:question_id},
                    type:‘post‘,
                    dataType:‘json‘,
                    success:function(data){
                        if(data.status){
                            $(‘#result1‘).empty();
                             $("#result1").append("<option value=‘1‘>"+data.option1+"</option>");
                             $("#result1").append("<option value=‘2‘>"+data.option2+"</option>");
                            //alert(data.option1);
                        }else{
                            alert(data.message);
                        }
                    },
                });
            }
    }

    <div class="tableList" style="padding: 10px 30px;">
        <form name="data_search" method="post">
            <span>
                <select name="type" id="type">
                <option value="1">按数据基本情况统计</option>
                <option value="2">按称号统计</option>
                <option value="3">按职位统计</option>
                <option value="4">按车系统计</option>
                </select>
            </span>
            <span id="question">
                问题<select name="question" id="question1">
                <volist name="questions" id="question">
                    <option value="{$question.id}">{$question.content}</option>
                </volist>
                </select>
            </span>
            <span id="result" style="display:none;">
                结果<select name="result" id="result1" >
                    <option value="1">{$questions[0].option1}</option>
                    <option value="2">{$questions[0].option2}</option>
                </select>
            </span>
            <input type="button" id="search_btn"  name="search_btn" value="统计"/>
        </form>
    </div>
时间: 2024-10-16 07:36:43

select选框类似省市联动的类型在刷新的时候一些问题的相关文章

Dynamic CRM 2013学习笔记(八)过滤查找控件 (类似省市联动)

我们经常要实现类似省市联动一样的功能,常见的就是二个查找控件,一个选择了省后,另一个市的查找控件就自动过滤了,只显示当前省下的市,而不是所有的市.当然这是最简单的,实际工作中还有更复杂的功能要通过过滤查找控件来实现.本文主要介绍基本的查找控件过滤.多表关联的复杂过滤以及子表里实现查找控件的过滤.   一.简单的过滤 先看下需求: 按"Special GL Indicator" 来过滤 Posting 查找控件增加了preSearch事件.它发生在查找控件显示对话框供用户查找记录之前,与

select 选框显示设置

上图示 这里是select选框,初始化显示和平常一样 点击文本框选择,会弹出浮动层,显示选项,并且有清空,关闭,按钮 点击后,会把选项里的内容添加到文本框里面 html代码 <div class="spyy-box step-2">       办理单位:<input type="text" id="spyy-danwei"  name="b" onfocus="b.blur()" /&g

自建List&lt;&gt;绑定ComboBox下拉框实现省市联动

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using System.Data.SqlClient; namespace _04省市联动 { public partial cl

ajax动态添加复选框

1 function getLands() { 2 3 $.ajax({ 4 url:"httpserver.do?doPost&userQygs="+$("#userQygs").val(), 5 type:"POST", 6 dataType:"text", 7 8 success:function(data){ 9 10 if(data==null||data==""){ 11 12 aler

mvc之验证IEnumerable&lt;T&gt; 类型,多选框验证

原文:mvc之验证IEnumerable<T> 类型,多选框验证 假设我们有这么一种需求,我们要同时添加年级和年级下面的多个班级,我们一般会像下面这种做法. Action中我们这样接收: [HttpPost] public ActionResult CreateGrade(string gradeName, IEnumerable<string> classNames) { return View(); } View中我们一般会这样做: @using (Ajax.BeginForm

类似 select 选择框效果及美化

网上有各种各样的关于 select 选择框的美化,找了很多,并没有好的样式效果.所以就找了一个利用 ul li 做的类似 select 选择框的效果,不废话了,先上图,效果如下: 对于上图的箭头效果,可以看看我上篇博客 点击这里 点击一个 test ,就会把列表显示出来,再次点击,列表隐藏,选择一个 li ,就会把 span 里的内容替换成 li 的内容,然后可以用 js 监控 span 的变化,然后执行你的代码.效果如下: html 代码如下: <div id="type" c

复选框与全选框的选中状态的联动

类似在网购时在购物车选择商品时的复选框与全选框的联动事件 对于原型,构造函数之类的还不熟,强行用了一波,结果写得又长又臭. 但总算功能还是做出来了,总要多实践才会变熟的.全部代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=

【jQuery】多选框multiple select

参考:http://hechuanzhen.iteye.com/blog/1878886 使用zabbix页面中的多选框 <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){ $("#ad

如何在select下拉列表中添加复选框?

近来在给一个公司做考试系统的项目,遇到的问题不少,但其中的几个让我对表单的使用颇为感兴趣,前端程序员都知道,下拉列表有select标签,复选框有checkbox,但是两者合在一起却少有人去研究,当时接到这样的要求时我也蒙了,于是去网上查相关资料,查了好久,查不出个结果,只好自己用纯html css jq去做一个仿下拉列表中自带复选框的效果,代码如下,可直接复制去查看效果, 注:(以下代码为本人自己编写,只是一个小Demo,可以直接复制使用,但代码只是演示其效果和功能,告诉大家如何去写,所以界面可