`
jackroomage
  • 浏览: 1227869 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

js 控制select 和 radio 赋值和并传值

 
阅读更多

js 控制select 和 radio 并赋值和传值

下面是select用法时:
             <select id="selectId" name="leibname" onchange="ckc(this.options[this.options.selectedIndex].value);">
         <option id="lei1" style="width:150px" onclick="xuanzlb();">选择审核类别</option>
         <% Iterator ite=hzFaqLeiBieList.iterator();
                while(ite.hasNext()){
                    HzFaqLeiBie  sname=(HzFaqLeiBie)ite.next();
                    %>
                    <option id="lei2" value="<%=sname.getMajorID() %>"><%=sname.getShortName() %></option>
                    <%
                }
         %>
         </select>




下面是type是radio的用法时。
<INPUT   id=rd   name=rd   type=radio   value=1   checked>
<INPUT   id=rd   name=rd   type=radio   value=2>
<INPUT   id=rd   name=rd   type=radio   value=3>
<input   type= "button "   value= "click   me "   onClick= "test() ">
<script>
function   test(){
//alert(document.all.rd.length);
var   i   =   0;
for(i   =   0;   i   <   document.all.rd.length;   i++){
if   (document.all.rd[i].checked   ==   true){
alert(document.all.rd[i].value);
}
}
}
</script>


总结:主要是拿到想拿的值再给<input type="hidden"> 赋值。目的是传到要访问的页面。

分享到:
评论

相关推荐

    原生js select下拉选项框给文本框赋值代码

    原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码

    select checkbox radio项直接赋值jQuery插件

    jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。

    select,radio 表单回显避免使用jquery载入赋值 .txt

    select,radio 表单回显避免使用jquery载入赋值

    select-disabled-传值

    具体包括了如何通过JSP和JavaScript动态控制`select`元素的`disabled`属性,以及如何在表单提交前解除该属性以确保数据能够正确传递给服务器端。这种方法适用于多种应用场景,特别是在需要限制用户交互的同时保持...

    js控制select选中显示不同表单内容select下拉菜单特效

    js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效

    SQL中SET和SELECT赋值的区别

    本文将详细介绍 SET 和 SELECT 赋值的区别,并讨论何时该使用哪个。 首先,需要注意的是,SET 和 SELECT 都可以用于赋值,但是它们的使用场景和效果不同。SET 是一种基本的赋值方式,它可以将一个值赋给一个变量,...

    js select 实现左右传值

    Js实现两个Select标签中的选项之间的移动

    js控制select相关方法

    以下是对标题和描述中提到的JavaScript控制`select`相关方法的详细说明: 1. **判断 select 选项中 是否存在 Value="paraValue"的 Item** 这个功能可以通过遍历`select`的`options`数组来实现,检查每个选项的`...

    jquery 设置select checkbox radio只读

    昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个

    tab切换纯js,select,radio,切换

    本文将详细讲解如何使用纯JavaScript实现Tab切换,以及与之相关的`select`选择器和`radio`单选按钮的切换。 首先,我们来理解Tab切换的基本概念。在HTML结构中,通常会有几个包含不同内容的`div`元素,它们被隐藏或...

    jquery 动态遍历select 赋值的实例

    本文主要讲解了如何使用jQuery动态地遍历select元素,并为其赋值。这是一项非常实用的技术,尤其在动态网站开发中,经常会遇到需要根据不同的数据动态更新下拉列表选项的情况。 知识点一:遍历和选择select元素中的...

    html js 清除select里的值,js控制select增删改,选中,清空, 判断控件是否存在

    在HTML和JavaScript编程中,`&lt;select&gt;`元素用于创建下拉列表,经常需要进行动态操作,比如添加、删除、修改选项,以及选中和清空选中的值。本篇文章将探讨如何通过JavaScript来实现这些功能,并判断控件是否存在。...

    Jquery实现select下拉列表根据radio选项级联

    `loadOptionsForSelect1`和`loadOptionsForSelect2`是假设的函数,它们负责根据所选的radio按钮值从服务器获取数据,并更新对应的select下拉列表。实际应用中,这些函数可能涉及到Ajax请求,如使用`$.ajax`或`$.get`...

    layui layer.open()中的select,radio不显示.zip

    layui layer.open()中的select,radio不显示.zip

    Js操作Select大全(取值、设置选中等等)

    本文档将详细介绍如何利用原生JavaScript和jQuery来操作`&lt;select&gt;`元素,包括但不限于取值、设置选中状态等常见操作。 #### 二、基础知识回顾 在开始深入讲解之前,我们先回顾一下`&lt;select&gt;`的基本结构: ```html ...

    Django forms表单 select下拉框的传值实例

    本文将深入探讨如何在Django forms中创建一个包含`select`下拉框的表单,并且理解其传值机制。 首先,我们需要在`forms.py`文件中定义一个自定义的表单类,例如`SignupForm`。在这个类中,我们创建字段(fields),...

    select2.mim.js and select2.min.css.zip

    在实际应用中,我们通常会在文档头部引入`select2.min.css`,并在脚本部分引入`select2.min.js`,并确保在DOM加载完成后初始化Select2。例如: ```html &lt;!DOCTYPE html&gt; &lt;link href="dist/select2.min.css" rel=...

    checkbox-radio-select样式自定义

    在前端开发中,`checkbox`、`radio`和`select`是三种常见的表单元素,它们用于用户交互,收集和提交数据。`checkbox`用于多选,`radio`用于单选,而`select`通常用于下拉列表选择。在本项目"checkbox-radio-select...

    layui监听select变化,以及设置radio选中的方法

    一、select监听 1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到 2.导入form layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分...

    Ant design vue中的a-select在动态给option赋值之后,placeholder失效.pdf

    在实际开发过程中,我们可能会遇到一个常见问题,即当动态地给`a-select`的`option`赋值后,其`placeholder`属性失效,不再显示默认提示文本。这个问题通常出现在数据异步加载的情况下,比如从服务器获取数据并填充...

Global site tag (gtag.js) - Google Analytics