html的标签,如何获取当前选中的项的内容呢?

html的标签,如何获取当前选中的项的内容呢?,第1张

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

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">

function validate(){

//一 .是通过jDOM

// var attitudeObj = document.getElementById("attitude")

//var attitude = attitudeObj.innerHTML

//二 .是通过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   =   att.replace(/\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/mainfra.jsp"

//location="teacherAction_AddGraduationTitle.action?idnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end

return true

}

</script>

</head>

<body">

<div >

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

<!--   <form action="teacherAction_AddGraduationTitle.action" method="post" >-->

<span>自动编号:</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray" value="<s:property value="#request.maxIdnum"/>"/><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>

在HTML页面中,获取当前select元素中所选中的那个值和显示值。

<tr>

<th scope="row" width="15%" nowrap >*目标字段</th>

<td><select name="idMbzd" style="width:25%" onchang=”on_idmbzd_change()”>

<option value=”1”>eg1</option>

<option value=”2”>eg2</option>

<option value=”3”>eg2</option>

</select>

</td>

</tr>

<script>

function on_idmbzd_change(){

var sel_obj = document.getElementByIdx("idMbzd ");

var index = sel_obj.selectedIndex

alert(sel_obj.options[index].value)

alert(sel_obj.options[index].text)

}

</script>

设置select元素的选中项:

通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果。

<select id = "sel" >

<option value = "1" >1</ option >

<option value = "2" selected = "selected" >2</ option >

<option value = "3" >3</ option >

</ select >

扩展资料

超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。

HTML标签的大小写无关的,例如“主体”<body>跟<BODY>表示的意思是一样的,推荐使用小写。

参考资料来源:百度百科-HTML


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6192635.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存