JavaScript学习二常用组件整理

最新推荐文章于 2024-11-20 11:53:30 发布

Java蜗牛

最新推荐文章于 2024-11-20 11:53:30 发布

阅读量615

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript学习文章标签： javascript

本文链接：https://blog.youkuaiyun.com/hao707822882/article/details/38398709

JavaScript学习专栏收录该内容

23 篇文章

订阅专栏

本文演示了JavaScript中select元素的选择器应用及隐藏input元素的使用方法，通过实例展示了如何实现用户选择并显示选定选项的功能，以及如何利用隐藏属性传递特定数据。

（1）select的使用例子：

<html>
<head>
<script lang="JavaScript">
	function showSelection(objectName) {
		var list = ""
		for (var i = 0; i < objectName.length; i++) {
			if (objectName.options[i].selected) {
				list += objectName.options[i].text + "<p>"
			}
		}
		selWindow = window.open("", "Selections", "height=200,width=400")
		selWindow.document.write("<h2>选择的是</h2><p><p>")
		selWindow.document.write(list)
	}
</script>
</head>
<body>
	<form name="form1">
		<p>
			选择城市： 
			<select NAME="songs" SIZE=10 MULTIPLE>
				<option>北京</option>
				<option>上海</option>
				<option>天津</option>
				<option>南京</option>
			</select>
		<p>
			<input type=button value="提交"
				onClick="showSelection(this.form.songs)">
	</form>

</body>
</html>

（2）input的隐藏属性：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form>
		<input type="hidden" value="aaaa" name="ming">
		<script type="text/javascript">
			var a=document.forms[0].ming.value;
			alert(a)
		</script>
	</form>
</body>
</html>

注意（传入this的用法）：

<input type=radio name="ctyList" value="ᴀ" onClick="postData(this.value)"/>

JavaScript学习二 常用组件整理

JavaScript学习二常用组件整理