使用select来选择，，，选择就响应真是花了好大的功夫。。。。你妹。。。在controller设置变量来储存选择后的值。。。js中如果select选择为空那么传入的值是””而不是null

selectedIndex的值都是数字，从0开始，而不是option的值

controller

#sdn的网络流量监控

  def monitor

    @vms = VirtualMachine.owned_by(current_user).select('*').joins("left join vnets on virtual_machines.vnet_id = vnets.id").where("vnets.net_type = 'sdn'")

    @switches = [["second","_10seconds"],["minute","_5minutes"],["hour","_hour"],["day","_day"],["week","_week"],["month","_month"],["year","_year"]]

    @ccs = [["",""],["",""],["",""],["",""],["",""],["",""],["",""],["",""],["",""],["",""]]

    @jiange_value = params[:times]

    @col_value = params[:col]

    @lscol = @col_value.to_i

    id_hash = Hash.new

    id_hash["_10seconds"] = ""

    id_hash["_5minutes"] = ""

    id_hash["_hour"] = ""

    id_hash["_day"] = ""

    id_hash["_week"] = ""

    id_hash["_month"] = ""

    id_hash["_year"] = ""

    @lsjiange = id_hash[@jiange_value]

  End

monitor.html.erb

<%= render partial: 'vnet_nav_bar' %>

<meta charset="utf-8">

<head>

  <script>

    window.onload = initForm;

    function initForm()

    {

      //alert("<%= @lsjiange %>");

      document.getElementById('col').selectedIndex = <%= @lscol %>

      document.getElementById('times').selectedIndex = <%= @lsjiange %>

      document.getElementById("col").onchange = popu;

      document.getElementById("times").onchange = popu;

    }

    function popu()

    {

        //alert("bb");

        var form1 = document.getElementById("idform");

        form1.submit();

        var c = document.getElementById('col').selectedIndex;

        //alert(c);

    }

  </script>

</head>

<%= form_tag("monitor",:id => "idform",name: "idform") do |f| %>

  <%= select_tag "times", options_for_select(@switches),prompt: "选择间隔>时间" %>

  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <%= select_tag "col", options_for_select(@ccs), prompt: "选择列数" %>

  &nbsp;&nbsp;&nbsp;

  <%= submit_tag("刷新") %>

  <% columns = @col_value.to_i %>

  <% if columns == 0 %>

  <% columns = 2 %>

  <% if columns == 0 %>

  <% columns = 2 %>

  <% end %>

  <% if @jiange_value == "" %>

  <% @jiange_value = "_5minutes"%>

  <% end %>

  <% rows = @vms.size/columns %>

  <% unless (@vms.size%columns)==0 %>

  <% rows = rows + 1 %>

  <% end %>

  <% vmid = 0 %>

  <center>

    <table>

        <% for i in 0..rows-1 do %>

          <tr>

          <% for j in 0..columns-1 do %>

            <td>

            <% if @jiange_value.nil? %>

            <% @jiange_value = '_5minutes' %>

            <% end %>

            <%= image_tag("rrdtool/#{@vms[vmid].uuid}#{@jiange_value}.png") %>

            <% vmid = vmid + 1 %>

            </td>

            <% if vmid >= @vms.size %>

            <% break %>

            <% end %>

          <% end %>

          </tr>

        <% end %>

    </table>

  </center>

<% end %>

select_tag 选择后自动提交，并且保持选择的项的更多相关文章

  1. JS实现日历控件选择后自动填充

    最近在做人事档案的项目,在做项目的初期对B/S这块不是很熟悉,感觉信心不是很强,随着和师哥同组人员的交流后发现,调试程序越来越好了,现在信心是倍增,只要自己自己踏实的去研究.理解代码慢慢的效果就出来了 ...

  2. Framework 7 之 Smart select 选择后自动隐藏

    Framework 7官网地址:Framework 7(英文版) Framework 7(中文版) 给“smart-select”添加属性  data-back-on-select="tru ...

  3. django中form页面刷新后自动提交的解决方案

    如果一个页面包含了form,同时这个form中的提交按钮是type=submit的input的时候,你刷新该页面,就会有弹窗提示是否重新提交表单,这个特性不胜其烦,常见解决方法有两个: 第一种是前端的 ...

  4. yii gridview 时间段筛选（一个输入框，自动提交，高清大图）

    yii gridview功能强大,但是时间筛选比较麻烦,与数据库的存储格式有关,本文的时间格式是date类型 那么问题来了,yii只提供关于时间的text搜索格式,就是只能查找精确日期比如2017-8 ...

  5. ssi-uploader上传图片插件，点击选择文件按钮自动提交表单解决办法

    先介绍一下这款插件,然后再谈使用中可能遇到的问题 ssi-uploader是一个JQuery的图片上传插件,界面比较美观 github地址:https://github.com/ssbeefeater ...

  6. EasyUI 1.3.2 中 Combobox自动检索 键盘上下选择Bug问题

    EasyUI 自带的Combobox控件,提供了下拉列值自动检索功能. 在用到的EasyUI 1.3.2版本中还是有点问题,在键盘上下键移动选择过程中只能定位在第一个,不能正常向下移动 问题解决方式: ...

  7. HTML Select 标签选择后触发jQuery事件代码实例

    页面设计原由: 因为很多客户不知道如何来到我们公司,领导想让我在微信公众号上面做一个链接,客户可以直接通过微信公众号打开地图并导航到我们公司的办公地点. 实现起来并不难,但由于公司有很多办事处,所以需 ...

  8. element-ui中select下拉框，选择后赋值成功，但是框上不显示的坑

    这个是今天遇到一个坑,因为也是第一次使用vue+element-ui开发,所以记录一下自己遇到的一些问题. 这个问题是在开发省市区三级联动组件的时候遇到的,具体的情况如下发的gif图,虽然解决了问题, ...

  9. linux自动化交互脚本expect详解set timeout 5是 意思是在expect语句中，5s后超时，不再作出选择。

    linux自动化交互脚本expect详解  更新时间:2020年10月21日 10:13:20   作者:lendsomething     这篇文章主要介绍了linux自动化交互脚本expect的相 ...

随机推荐

  1. Direct3D11学习：（九）绘制基本几何体

    转载请注明出处:http://www.cnblogs.com/Ray1024 一.概述 Direct3D中很多复杂的几何效果都是由基本的几何体组合而成的,这篇文章中,我们来学习集中常见的基本几何体的绘 ...

  2. Mysql学习笔记（十）存储过程与函数 + 知识点补充（having与where的区别）

    学习内容:存储程序与函数...这一章学的我是云里雾里的... 1.存储过程...   Mysql存储过程是从mysql 5.0开始增加的一个新功能.存储过程的优点其实有很多,不过我觉得存储过程最重要的 ...

  3. webapp开发之需要知道的css细节

    引言 首先说明一下,本文分享对象是涉世未深的移动开发者,至于有经验的开发者可以自行绕道. 说来惭愧,做了几年pc端的前端开发,很少接触到webapp的移动端开发.如今有机会参与webapp的开发,发现 ...

  4. ExtendHelper

    public static class ExtendHelper { /// <summary> /// 检查当前字符串是否符合某种格式 /// </summary> /// ...

  5. [团队项目]sprint3 & 团队贡献分

    希望各组认真准备,拿出最好的阵容最好的状态,展示一学期的学习与工作成果. 各组注意完成sprint3的博客,写上团队贡献分. 将演示PPT(如果有)和代码上传到github. 截止日期:2016.6. ...

  6. 如何理解css中的float

    最近一段时间一直在为一个即将上线的新站进行一些前端开发.自然,对CSS的使用是必不可少的了.我们在CSS 中很多时候会用到浮动来布局.常见的有 float:left 或者 float:right .简 ...

  7. WPF后台设置xaml控件的样式System.Windows.Style

    WPF后台设置xaml控件的样式System.Windows.Style 摘-自 :感谢 作者: IT小兵   http://3w.suchso.com/projecteac-tual/wpf-zhi ...

  8. 2. npm 的使用

    NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用. 允许用户从NPM服务器下载并 ...

  9. SignalR-入门

    1.什么是SignalR: ASP.NET SignalR是为简化开发开发人员将实时web内容添加到应用程序过程而提供的类库.实时web功能指的是让服务器代码可以随时主动推送内容给客户端,而不是让服务 ...

  10. [翻译]:SQL死锁-阻塞

    一般情况下死锁不是一步到位的,它必须满足特定的条件,然后形成资源的循环依赖才会产生死锁,死锁之前一定会出现阻塞,由阻塞升级才有可能出现死锁,所以我们有必要了解系统中都有哪些已经被阻塞的锁. 我在解决共 ...