如何用HTML获取下拉列表的值还有数字的值

用javascript取值,下面是一个例子:

<select id="Select1" onchange="getSelectValue(this);">

<option value="1">第一项</option>

<option selected value="2">第二项(默认选中)</option>

<option value="3">第三项</option>

<option value="4">第四项</option>

</select>

<br /><br /><br />您选择的是：

<span id="selectValue"></span>

<script language="javascript" type="text/javascript">

function getSelectValue(obj) {

var sValue = objoptions[objoptionsselectedIndex]value; //这是取值

var sText = objoptions[objoptionsselectedIndex]innerHTML; //这是取文本内容

documentgetElementById("selectValue")innerHTML = sText + "，他的值为：" + sValue; //测试输出

}

</script>

获取input标签中的值，也就是value，可以通过$("#abc")val();

给该input赋值，则是$("#abc")val(“赋值”);

innerHTML是给标签体中插入html文本，如<div></div>,插入内容“123”，最后获得的结果为<div>123</div>;

  html中获取标签的数据，可以通过js来获取，如下代码：

<script type="text/javascript" src="js/jqueryjs"></script>

<script type="text/javascript">

function validate(){

//一 ．是通过jDOM

// var attitudeObj = documentgetElementById("attitude");

//var attitude = attitudeObjinnerHTML;

//二 ．是通过jquery

var att = $("#attitude")text();//可以得到输入域中的内容

var idnum = $("#idnum")val();

var name = $("#name")val();

var t_name =  $("#t_name")val() ;

var pro_name =  $("#pro_name")val() ;

// alert(att);

if( name == null || name == "" ){

alert("请输入毕业设计名称!");

return false;

}

att   =   attreplace(/\s+/g,"");

if( att == null || att == ""){

alert("请输入选题须知！");

return false;

}

if( t_name == null || t_name == "" ){

alert("请选择教师!");

return false;

}

if( pro_name == null || pro_name == ""){

alert("请选择专业！");

return false;

}

location="teacher/mainfrajsp";

//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;

return true;

}

</script>

</head>

<body">

<div >

<div style="margin-left: 100px;">

<!--   <form action="teacherAction_AddGraduationTitleaction" method="post" >-->

<span>自动编号：</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray;" value="<s:property value="#requestmaxIdnum"/>"/><br/>

<br/>

<span>毕业设计名称：</span><input type="text" name="name" id="name"/><br/><br/>

<span>所属教师：</span><select name="t_name" id="t_name">

<option></option>

<s:iterator value="teacherList">

<option value="<s:property value='idnum' />"><s:property value="name" /></option>

</s:iterator>

</select> <br/> <br/>

<span>所属专业：</span><select name="pro_name" id="pro_name">

<option></option>

<s:iterator value="professionList">

<option value="<s:property value='idnum' />"><s:property value="pro_name" /></option>

</s:iterator>

</select>

<br/>

<br/>

<span>选题须知：</span>

<textarea id ="attitude" name="attitude" rows="3" cols="30" style="color: red;">

</textarea>

<br/>

<br/>

<input type="button" value="添加">  <input style="margin-left: 100px" type="reset" value="重置">

<!-- </form> -->

</div>

</div>

</body>

对于表单控件,都可以用value属性,对于非表单控件,可以用innerHTML

INPUT标签都有value属性,但都没有innerHTML属性,所以只能用value

SELECT标签和OPTION标签,即有value属性也有innerHTML属性,但是一个是取回值,一个是取回文本,这两个可能相同也可能不同,具体要看你想要哪个值

TEXTAREA标签也没有innerHTML属性,有value属性和innerText属性

这个，需要编写JavaScript脚本才能实现。

举个例子：

documentgetElementById('content')innerHTML、

documentgetElementById('content')innerText、

documentgetElementById('content')textContent

这三种方法都可以获取到id为content的标签里面的文本内容

以上就是关于如何用HTML获取下拉列表的值还有数字的值全部的内容，包括:如何用HTML获取下拉列表的值还有数字的值、innerHTML添加一个ID="abc"的 input 然后想用 jquery $("#abc") 获取并赋值 获取不到，也无法赋值、html的标签，如何获取当前选中的项的内容呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！