精华内容
下载资源
问答
  • js获取下拉框选中的值
    千次阅读
    2021-11-01 10:32:22

    定义下拉框:

     <div class="layui-inline">
                            <label class="layui-form-label " style="width:120px">督学主题:</label>
                            <div class="layui-input-inline">
                                <select id="ThremeType" name="ThremeType" lay-filter="Thremetype">
                                    @foreach (var item in ViewBag.Threme)
                                    {
                                        <option value="@item.Id">@item.Name</option>
                                    }
                                </select>
                            </div>
                        </div>
    

    JS取值:

    let schooltype =$("#ThremeType").val();
    
    更多相关内容
  • js获取下拉框选中

    千次阅读 2021-06-07 10:38:13
    for(var i = 0;i ;... } } function into(){ var value =document.getElementById("values");//1:获取select对象 var index=value.selectedIndex;...//3:获取选中项的value console.log(val);//比如选的优 ,val就为优
    function ViewList(){
                 html += '<div>评价</div>' ;
                 html += '<div>提交</div>' ;
            for(var i = 0;i < data.length ; i++){  
                html += '<div>' +
                    '<select id="values">' +
                    '<option value="优">优</option>' +
                    '<option value="良">良</option>' +
                    '<option value="中">中</option>' +
                    '<option value="差">差</option>' +
                    '</select>' +
                    '</div>';
                html += '<div>' +
                    '<input type="button"  value="提交评价" οnclick="into()" >' +
                    '</div>';
            }
        }
         function into(){
            var value =document.getElementById("values");//1:获取select对象
            var index=value.selectedIndex;//2:取到选中项的索引
            var val=value.options[index].value;//3:获取选中项的value
            console.log(val);//比如选的优 ,val就为优
    

    在这里插入图片描述

    在这里插入图片描述

    展开全文
  • 现在有一id=test的下拉框,怎么拿到选中的那个呢? 分别使用javascript原生的方法和jquery方法 代码如下: <select id=”test” name=””> ”1″>text1</option> ”2″>text2</option> </select> 一:...
  • js案例

    <script type="text/javascript">
    	function choice(obj){
    		var checkbox = document.getElementsByName('music');
    		for(var i=0;i<checkbox.length;i++){
    			if(obj=='全选'){
    				checkbox[i].checked=true;
    			}
    			if(obj=='全不选'){
    				checkbox[i].checked=false;
    			}	
    			if(obj=='反选'){
    				checkbox[i].checked=!checkbox[i].checked;
    			}
    		}
    	}
    </script>
    </head>
    	<body>
    		<h1>添加音乐</h1>
    		<input type="checkbox" name="music" />哪里都是你<br/>
    		<input type="checkbox" name="music" />关于你<br/>
    		<input type="checkbox" name="music" />偏爱<br/>
    		<input type="checkbox" name="music" />Love Story(Taylor's Version)<br/>
    		<input type="checkbox" name="music" />晚风<br/>
    		<input type="checkbox" name="music" />蜜蜂<br/>
    		<input type="checkbox" name="music" />这首歌没唱直接听<br/>
    		<input type="button" value="全选" onclick="choice('全选')" />
    		<input type="button" value="全不选" onclick="choice('全不选')" />
    		<input type="button" value="反选" onclick="choice('反选')" />
    	</body>
    </html>

    获取下拉框选中的值

    <script type="text/javascript">
    	function test(){
    		var sel = document.getElementById('sel');
    	//	console.log(sel.value); // 获取到你选择的选择对应的value值
    		var options = sel.options;
    		for(var i=0;i<options.length;i++){
    			// options[i] 可以获得到每个下拉选项,但是想过滤出被选中的那个
    			if(options[i].selected == true){	//过滤出被选中的那个
    				alert(options[i].value+'----'+options[i].text);
    			}
    		}
    	}
    </script>
    </head>
    	<body>
    		<select id="sel" onchange="test()">
    			<option value="0">青铜班</option>
    			<option value="1">白银班</option>
    			<option value="2">黄金班</option>
    			<option value="3">铂金班</option>
    			<option value="4">钻石班</option>
    		</select>
    	</body>
    </html>

    页面加载获得焦点

    <body onload="document.getElementById('username').focus();"> <!--onload页面加载  focus获得焦点-->
    		用户名:<input type="text" id="username"/>
    		密码:<input type="password"/>
    	</body>

    实现点赞动画

    <script type="text/javascript">
    	function addGreat(){
    		// 创建一个动图:
    		var imgNode = document.createElement('img');
    		imgNode.src="./emoji.gif";
    		
    		//获取div
    		var mydiv = document.getElementById('mydiv');
    		// 将动图放入div中:
    		mydiv.appendChild(imgNode);
    		
    		// 调整动图大小
    		imgNode.style.width="85px";
    		
    		// 给动图设置一定绝对定位
    		imgNode.style.position="absolute";
    		imgNode.style.top="200px";
    		imgNode.style.left="200px"
    		
    		// 让emoji往上走,边走边消失
    		// 设置图片的饱和度:
    		imgNode.style.opacity= 1 ;
    		var id =setInterval(function(){
    			// 饱和度一直在减少:
    			imgNode.style.opacity-=0.01;
    			// 距离上边距的高度也应该逐渐减少:
    			imgNode.style.top=(imgNode.offsetTop-2)+"px";
    			console.log('aaa');
    			
    			if(imgNode.style.opacity <=0){
    				clearInterval(id);
    			}
    		},15);
    	}
    </script>
    </head>
    	<body>
    		<input type="button" value="点赞" onclick="addGreat()" />
    		<div id="mydiv"></div>
    	</body>
    </html>
    展开全文
  • 本篇文章主要介绍了jQuery实现select下拉框获取当前选中文本、、索引以及添加/删除Select的Option项的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
  • <template> <div class=""> <select @change="getEventType($event)"> <option v-for="option in list" :key="option.value" :id="option.value" :name="option.name" ...
    <template>
      <div class="">
        <select @change="getEventType($event)">
          <option
            v-for="option in list"
            :key="option.value"
            :id="option.value"
            :name="option.name"
          >
          </option>
        </select>
      </div>
    </template>
    
    <script>
    export default {
      name: "",
      data() {
        return {
          list: [{ value: 1, name: "test" }],
          index: "",
        };
      },
      components: {},
      methods: {
        getEventType(id) {
          let obj = {};
          obj = this.list.find((item) => {
            return item.value === id;
          });
          if (obj !== undefined) {
            this.index = JSON.parse(JSON.stringify(obj)).value;
          } else {
            this.index = "";
          }
        },
      },
    };
    </script>
    
    <style lang=''>
    </style>
    
    展开全文
  • //获取选中值的下标 function getselectscheckitemindex (idStr) { var o = document.getElementById(idStr).options for (var i = 0; i < o.length; i++) { if (o[i].selected == true) return i } } /...
  • jsp获取下拉框选中值并传入action 运用el表达式和jstl 及javascript <form action="${pageContext.request.contextPath }/user/userlist.html"> <span>用户名称:</span> <input name=...
  • 原生js获取select下拉框选中

    千次阅读 2020-04-06 16:22:35
    原生js方法: var myselect=document.getElementById("test"); var index=myselect.selectedIndex; var value=myselect.options[index].value; jquery方法: var options=$("#test option:selected"); options...
  • 原生js和jquery定位方式 # 1、原生js方式定位 var myselect=document.getElementById("id"); var index=myselect.selectedIndex; myselect.options[index].value; myselect.options[index].text; # 2、...
  • js 获取下拉框的几种方式

    千次阅读 2021-01-07 10:28:04
    //例如:下拉框选的 <select> <option value="0">请选择</option> <option value="1">西安</option> <option value="2">上海</option> <option value="3">...
  • js获取select下拉框选中

    千次阅读 2019-04-23 20:03:41
    <title>JavaScript获取select下拉框中的第一个 <script type="text/javascript"> /** * JavaScript获取select下拉框中的第一个 */ function getFirstValOfSelect() { //获取select中的ID var selectId ...
  • 今天小编就为大家分享一篇layui下拉框获取下拉(select)的例子,具有好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 怎样用jquery得到select里面选中456var a = $('#select').val(); // 结果为 123var b = $('#select option:selected').val(); // 结果为 123var d = $('#select option:selected').attr('value'); // 结果为 123...
  • 下拉框一般都是单选的, 所以直接通过document.querySelector('select').value就可以知道选中了. 如果只是想判断是否有选中的话还可以通过document.querySelector('select').selectedIndex, 这个属性是一个数字,...
  • 现在有一id=test的下拉框,怎么拿到选中的那个呢? 分别使用javascript原生的方法和jquery方法 <select id="test" name=""> <option value="1">text1</option> <option value="2">text2...
  • selectedIndex 属性可设置或返回下拉列表中被选选项的索引号。
  • JS获取下拉框方式

    千次阅读 2018-07-09 09:18:41
    一、通过id获取下拉框的value和文本 1:拿到select对象: var myselect=document.getElementById("numbers"); 2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index...
  • 当标识选中为“班”时,将选中的标记颜色,标识栏使用了多个select下拉框 2、页面效果 3、 页面 <tr> <td>日期</td> <td style="width: 20px;" v-for="item in weeksData" :key="item.date...
  • {foreach [''=>'- 选择店铺 -','0'=>'否','1'=>'是'] as $k=>$v} {$v} {/foreach} js部分 var shop_id = $("#shop_id").find("option:selected").val(); console.log(shop_id);
  • 今天小编就为大家分享一篇angularjs 动态从后台获取下拉框方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Js获取下拉框当前选择项的文本和

    万次阅读 2018-12-04 19:06:33
    现在有一个Id为AreaId的下拉框,要获取它当前选择项的文本和有以下方法: &lt;span class="red"&gt;* &lt;/span&gt; 地&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&...
  • 下拉框可以选中某个选项后,可以获取两个内容,一个是选中后,显示的文字的,一个是选中后,显示文字对应的value的 获取选中后,显示的文字的 //原生js var sel = document.getElementB..
  • 获取下拉框选中的文本内容

    千次阅读 2020-08-24 20:00:32
    //获取下拉框选中的项 var option = $("#sTrainno option:selected"); //获取下拉的name var text = option.text(); alert(text); //将下拉框的name赋值给文本框 var val = $("#trainNumber").val...
  • 现在的需求是:下拉框中要是选择加盟商让其继续选择学校,要是选择平台管理员则不需要选择学校。隐藏选择下拉列表。选择枚举:/// /// 平台角色/// public enum AdministratorRole{[Display(Name = "平台管理员")]...
  • js获取交易表单下拉框选中

    千次阅读 2019-11-16 22:43:40
    实验任务: 1、网页标题:我的交易表单 2、在页面上创建一个表单用户界面,供用户挑选配置一台计算机。...(1)采用内嵌式引入JavaScript (2)计算机各配件的型号用下拉列表方式供用户选择,每个标签的v...
  • JS获取下拉框选中的value

    千次阅读 2016-03-09 16:38:00
    //获取下拉框对象 alert(rtl.options[rtl.selectedIndex].value); //获取被选中   本文出自 “ 小浩 ” 博客,请务必保留此出处 http://zhangchi.blog.51cto.com/5214280/1241457 ...
  • 如何获取select下拉框选中的的

    万次阅读 多人点赞 2017-03-15 15:06:13
    //拿到选中项的,比如选中上海,获取为“sh”; 3:options.text(); //拿到选中项的文本,比如选中上海,获取为“上海” //获取选中的option 2:options.val(); //拿到选中项的,比如选中上海,获取的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,587
精华内容 7,034
关键字:

js获取下拉框选中的值