关于html的select标签



<html>

<head>

<meta charset="UTF-8">

<title>
	<script src="https://code.jquery.com/jquery-3.4.1.min.js">script>
title>
<script>
window.onload = function(){
    
        //首先获得下拉框的节点对象;
        var select = document.getElementById("s1");
        
        //1.如何获得当前选中的值?:
        var value = select.value;
        //console.log(value);
		
        //2.如何获得该下拉框所有的option的节点对象
        var options = select.options;
        //注意:得到的options是一个对象数组
        
        //3.如何获得第几个option的value值?比如我要获取第一option的value,可以这样:
        var value1 = options[0].value;
		console.log(value1);
		
        //4.如何获得第几个option的文本内容?比如我要获取第一option的文本,可以这样:
        var text1 = options[0].text;
        console.log(text1);
		
        //5.如何获得当前选中的option的索引?
        var index = select.selectedIndex;
        //console.log(index);
		
        //6.如何获得当前选中的option的文本内容?
        //从第2个问题,我们已经获得所有的option的对象数组options了
        //又从第5个问题,我们获取到了当前选中的option的索引值
        //所以我们只要同options[index]下标的方法得到当前选中的option了
        var selectedText = options[index].text;
		
		
		
		var gender=document.getElementsByName("Fruit");
		for(var i=0;i<gender.length;i++){
			if(gender[i].checked){
				var Etype=gender[i].getAttribute("value");
			}
		}
		}
	
script>

head>

<body>

<select id="s1">
	   <option value="0" disabled selected>选择情感类型option>
        <option value="1"> 教学类option>
        <option value="2"> 技术类option>
		<option value="3"> 科技类option>
		<option value="4"> 教育类option>
select>
<a onclick="alert(1)">whata>
<p style="font-size: 20px">评论类型:
            <label>
			<input name="radio" type="radio" value="laoshi" id="teacher"/>老师 
            <input name="radio" type="radio" value="xues" id="student"/>学生 
            <input name="radio" type="radio" value="ziyuan" id="resource"/>资源
            <input name="radio" type="radio" value="qita" id="theOther"/> 其他
			label>
        p>

body>

html>

本来是参考另一位在csdn写博客的博主可是我找不到那篇博客了…如若有人找到了,请评论一下链接谢谢

你可能感兴趣的:(前端)