输出选中的下拉框的值

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
        <select id="objsel" name="objsel" size=8 multiple>
            <option value="0" selected>请选择
            <option value="1">测试一
            <option value="2">测试二
            <option value="3">测试三
            <option value="4">测试四
            <option value="5">测试五
        </select>
        <input type="button" onclick="checkselect();" value="输出">
        选中的项目:<input type="text" id="output" name="output">
</body>
</html>
<script language="JavaScript">
    function checkselect(){
        var x = document.getElementById("objsel");
        var t = document.getElementById("output");
        var count=0;
        var intvalue="";
        for(i=0;i<x.length;i++){
            if(x.options[i].selected){
                intvalue+=x.options[i].value+",";
                count++;
            }
        }
        t.value=intvalue.substr(0,intvalue.length-1);
//        alert(count);
    }
</script>

效果图:

时间: 2024-10-26 10:26:24

输出选中的下拉框的值的相关文章

dojo-获取下拉框的值和文本

1.问题背景 这里有一个下拉框,其中选项为一年四季,选中后打印下拉框的值和文本 2.实现源码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>dojo-获取下拉框的值和文本</title> <link rel="stylesheet" href="js/dojo/dijit/themes/claro/cl

easyui下拉框获取值

easyui下拉框的值为json格式栗子: 前台的写法: function queryDes(){ $('#des').combobox({ url: 'businessBaseInfo/queryDes.action', valueField:'enmDatOpt', //往后台传的值 textField:'enmDatDes' //前台下拉框显示的内容 }); } url获取的json格式为下,这里的数据是后台包装好的json格式,可以直接获取: [ { "enmDatDes":

jquery 根据后台返回值来选中下拉框 option 值

前景:下拉列表和要选中的下拉项都是通过后台传过来的本人用字符串拼接很low的方法实现: 一  给下拉框加一个默认的option 放在第一个类似于"无"或者"请选择": 二  把后台返回值放到 option 的一个自定义属性中 : 三  要选的东西在第一个option中取出判断即可: 四 用jquery each遍历 function SelectTrue(){ var a =[]; var i = 0 $(".wuoption").each(fu

jquery获取下拉框的值

最近一个项目需要做前端,捡起好久不用的js,下拉框是我们经常用到的控件,有以下几种获得选中项的值: $("#select_id").find("option:selected").text(); $("#select_id").val(); $("#select_id").attr("value"); 其中需要主要的是第一种获得的内容可以包含空格,第二种和第三种获得的内容都不能包含空格,在此稍作记录,以后有

Excel 2013如何为某一列都限制只能填写下拉框的值

如下图: 先选中那一列,然后选择数据中的数据验证,来源中用逗号分隔的就是下拉框的选项值,其中的逗号要是英文的逗号.

Jquery学习笔记:利用jquery获取select下拉框的值

jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来. 我的下拉框是: <div class="form-group"> <select class="form-control" id="iv_level"> <option value="">店员</option> <option value="">店长</option>

获取下拉框的值并通过拼接方式添加到td后面

html:<tr> <td class="Hint"><span class="color-red">*</span>选择分组:</td> <td width="40%"> <select id="groupId2" style="width: 80%;height: 30px"> <option th:if=&quo

jsp页面刷新后保留文本输入框和下拉框的值

保留下拉框 <select name="status">     <option value="all" <c:if test="${status eq 'all'}">selected</c:if>>状态</option>     <option value="notstart" <c:if test="${status == 'notstar

jquery 获得下拉框的值《转》

获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex; 设置select: 设置select 选中的索引: $("#d