`
dangyafeng
  • 浏览: 25173 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

页面中下拉列表和多选框

阅读更多

下拉列表选择值的获取

html页面:

<select id="appType2"
   onchange="searchTypeSelect(this.options[selectedIndex].value,this.options[selectedIndex].text);">
   <option value="-1">--请选择--</option>
   <option value="个人">个人</option>
   <option value="公司">公司</option>

  </select><input type="hidden" name="appTypeHidden" id="appTypeHidden"
   value="-1" class="inputText" />

 

JS方法获得下拉列表的值

       

 function searchTypySelect(selectValue,selectText){
          // selectValue即下拉列表选择的value值
       // selectText即下拉列表选择的 text值  

          }

多选框值的获取

html页面:

<tr>
        <th>应用所需资源:</th>
        <td><input type="checkbox" value="calute" name="appDepentRes"/> 计算 &nbsp;
		&nbsp;&nbsp;&nbsp;<input type="checkbox" value="store" name="appDepentRes"/>存储</td>

</tr>

 

Jquery获得多选按钮的值

var appName="";
$("input[name='appDepentRes']:checked").each(function(){
        appName+=this.value+";";
})

 

分享到:
评论

相关推荐

    vue表单绑定实现多选框和下拉列表的实例

    在vue的实际开发过程中,我们如何将以选中的值直接渲染到页面中,这次主要说的是多选框和下拉列表的实现: 测试多选渲染: &lt;input type=checkbox name=hobby :value=item.id :checked=loopsss.indexOf(item...

    WEB页面下拉列表带复选框

    NULL 博文链接:https://yeniu040209.iteye.com/blog/268835

    Web页面可编辑的下拉列表框源码

    功能强大的可编辑下拉列表框,js源码,支持分页,输入定位

    用HTML控件实现注册与登录页面

    要运用文本框、单选框、复选框、下拉列表、多行文本框、按钮、文件上传等控件实现注册页面,点击提交按钮后讲用户填写的信息以文本的形式显示出来。 2、用HTML控件实现简单的用户登录页面 运用文本框、label、按钮...

    flutter_smart_select:SmartSelect允许您使用各种选择输入(例如单选,复选框,开关,芯片或什至自定义输入)轻松地将通常的表单选择或下拉列表转换为动态页面,弹出对话框或滑动底页。 支持单选和多选

    SmartSelect允许您使用各种选择输入(例如单选,复选框,开关,芯片或什至自定义输入)轻松地将通常的表单选择或下拉列表转换为动态页面,弹出对话框或滑动底页。 支持单选和多选。 受到Smart Select组件的启发。 4....

    点击左边列表在右边显示选项 多选 单选

    左边一个列表(从数据库里读出的) 右边一个列表 你点击、双击 就可以将左边选中的 显示在右边。可以实现简单的单选 多选的问题。为了你能下载就能运行,所以我就弄了一个简单的列子 可以给你一些重要提示。希望能...

    博主推荐html下拉框树形(附好看的登录界面)

    完善的树形下拉框功能,根据自定义层级规则展开,可以直接嵌入项目,还附带两个漂亮的登录界面; 更多介绍:https://blog.csdn.net/weixin_43151418/article/details/124689160

    仿GOOGLE下拉提示框方法

    仿GOOGLE下拉提示框方法: 后台数据以 [['关键字符','估计数量'], ['关键字符','估计数量'], ...] 格式输出。 页面onload后调用(因为有body.appendChild方法) var mySuggest = new hansir.TextSuggest(); my...

    jquery mobile

    主要是jquery、 mobile的代码,你可以参考,内容是下拉列表框。多选框和单选框,页面跳转等等

    web元件库 ElementUI元件库+后台模板页面

    包含导航、颜色、字体、边框、图标、按钮、文字链接、单选框、多选框、输入框、计数器、选择器、级联选择器、开关、滑块、时间选择器、日期选择器、日期时间选择器、上传、评分、颜色选择器、穿梭框、表单、表格、...

    Struts2+API+标签全解+网页说明

    optgroup标签:生成一个下拉列表框的选择组,下拉列表框中可以包含多个选择组。 token标签:防用户多次提交表单。 textarea标签:文本域。 updownselct标签:支持选项内容的上下移动。 password表单:密码表单域...

    FineReport功能说明

    FineReport功能说明:、 多 sheet 报表设计:支持在设计器中创建多 Sheet...复选框、下拉树,下拉多选树、单/复选框组,密码框,网页框,列表、表格树、多文件上 传等二十多种编辑器,报表参数页面和报表内容合二为一。

    web元件库 ElementUI元件库+后台模板页面(支持Axure8及9)

    包含导航、颜色、字体、边框、图标、按钮、文字链接、单选框、多选框、输入框、计数器、选择器、级联选择器、开关、滑块、时间选择器、日期选择器、日期时间选择器、上传、评分、颜色选择器、穿梭框、表单、表格、...

    使用VUE自定义组件封装数据字典实战

    对于数据字典,前端展现往往有三种常用的形式,下拉列表、单选按钮组和复选框组,其中,最常用是下拉列表,这里就以下拉列表的实现为例来说明,其他两种类似,不重复描述。 直接使用select组件,是不是可以呢?答案...

    《程序天下:JavaScript实例自学手册》光盘源码

    6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...

    程序天下:JavaScript实例自学手册

    6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...

    asp.net 各种事例

    Ch3_14:在GridView中使用下拉列表框。 Ch3_15:在GridView中使用checkBox控件。 Ch3_16:在GridView中使用删除,加“确定删除”提示。 Ch3_17:在GridView中实现分页。 Ch3_18:在GridView中实现超级链接“详细...

    [php框架]非官方_Kohana_3_中文译本.zip

    ■如何创建一个多选框 如何创建一个单选框 ■如何创建一个文本区域 如何创建一个选择域和下拉菜单 ■如何创建一个表单按钮 如何创建表单标签 表单验证 如何使用日期类 Kohana date类是一个表单助手。它用来帮助处理...

    商品销售管理系统asp,net

    在四个查询条件中任选一个或多个条件,分别勾选其复选框,在编辑框中填写查询条件,单击“查询”按钮,完成查询操作。 单击“详细信息”按钮,可查看该条进货信息。 图5.1 商品进货查询页面 5.2 商品销售排行 ...

Global site tag (gtag.js) - Google Analytics