获取或设置元素的值

最新推荐文章于 2022-12-26 03:53:17 发布
最新推荐文章于 2022-12-26 03:53:17 发布
阅读量363 收藏
点赞数
分类专栏： JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yecats/article/details/51610986
版权 
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>获取或设置元素的值</title>
  <script src="jquery-1.8.0.js"></script>
 </head>
 <style type="text/css">
	body{
		font-size:12px;
		text-align:center;

	}
	div{
		padding:3px;
		margin:3px;
		width:120px;
		float:left;

	}
	.txt{
		border:#666 1px solid;
		padding:3px;
	}
 </style>
 
 <script type="text/javascript">
	$(function(){
		$("select").change(function(){
			var strTxt1 = $("select").val().join(",");
			$("#p1").html(strTxt1);
		});
		$("input").change(function(){
			var strTxt = $("input").val();
			$("#p2").html(strTxt);
		});
		$("input").focus(function(){
			$("input").val("");
		});
	});

 </script>
 <body>
	<div>
		<select multiple="multiple" style="height:96px;width:85px;">
			<option value="1">Item 1</option>
			<option value="2">Item 2</option>
			<option value="3">Item 3</option>
			<option value="4">Item 4</option>
			<option value="5">Item 5</option>
			<option value="6">Item 6</option>
		</select>
		<p id="p1"></p>
	</div>
	<div>
		<input type="text"  class="txt"/>
		<p id="p2"></p>
	</div>
 </body>
</html>

yecats
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS与jQuery实现子窗口获取父窗口元素值的方法
11-26
主要介绍了JS与jQuery实现子窗口获取父窗口元素值的方法,涉及javascript与jQuery操作窗口元素的相关技巧,需要的朋友可以参考下
设置元素和获取元素
datk74439的博客
10-31 58
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>设置元素和获取元素</title> <script src="js/jquery-1.7.1.js"></script&g...
jQuery如何设置元素的值
weixin_35755434的博客
12-26 852
jQuery 可以使用 val() 方法来设置元素的值。 例如，如果你想设置一个文本框的值，你可以这样写： $("#textbox").val("新的值"); 如果你想设置一个下拉列表的值，你可以这样写： $("#selectbox").val("新的值"); 注意，如果你想设置的值不在下拉列表的选项中，这个值不会被设置。 你还可以使用 text() 方法来设置某些元素的文本内容，例如： $(...
JS setAttribute()方法：设置元素的属性值
风口上的猪博客
11-08 1万+
在JavaScript中，使用元素的 setAttribute() 方法可以设置元素的属性值。用法如下： setAttribute(name, value) 参数 name 和 value 分别表示属性名称和属性值。属性名和属性值必须以字符串的形式进行传递。如果元素中存在指定的属性，它的值将被刷新；如果不存在，则setAttribute() 方法将为元素创建该属性并赋值。 示例1 下面示例分别为页面中 div 元素设置 title 属性。 <div id="red">红...
js获取、设置元素属性值
最初的梦想
07-25 1万+
文章目录setAttributegetAttributegetComputedStylecurrentStyle`元素.style.属性名` 网页css和样式结构 #box{ width:100px; height:100px; } <div id="box" style="background:red;"></div> setAttribute 元素...
根据html元素的类型设置元素的值
shy_snow的专栏
11-01 449
/** * 获取input/select/checkbox/radio的值 * @param id * @param nodeAttribute * @param Str valueStr或valueNum 不填默认valueStr */ function getFromHtml(id,nodeAttribute,Str) { if ($("#" + id).is('selec...
jquery获取当前元素索引值用法实例
10-24
主要介绍了jquery获取当前元素索引值用法,实例分析了jQuery获取当前元素索引在创建图片轮播效果中的使用技巧,需要的朋友可以参考下
JavaScript中获取HTML元素值的三种方法
10-22
主要为大家详细介绍了JavaScript中获取HTML元素值的三种方法，分享了JavaScript中取得元素的方法，感兴趣的小伙伴们可以参考一下
JavaScript获取表单内所有元素值的方法
10-24
主要介绍了JavaScript获取表单内所有元素值的方法,实例分析了javascript操作表单元素的技巧,非常具有实用价值,需要的朋友可以参考下
jQuery实现获取元素索引值index的方法
10-21
主要介绍了jQuery实现获取元素索引值index的方法,涉及jQuery针对页面元素的遍历,index索引操作及属性操作相关技巧,需要的朋友可以参考下
js获取元素的属性值和获取元素内容
D_Z_Yong的博客
08-16 1万+
jq 用于取值的方法有text()、html()和val()； js设置属性-element.setAttribute(“属性名称”，“属性值”);获取属性-element.getAttribute(“属性名称”)。 jq中var a = $(“标签”).attr(“属性”);或var a = $(“标签签”).prop(“属性”); 什么时候用什么呢？？？ 对于HTML元素本身就带有的固有属性，...
JQuery设置元素属性和内容
零怀念的博客
08-27 1万+
普通属性 1.设置属性： 设置单个属性：$(选择器).attr("属性名","属性值") 设置多个属性：$(选择器).attr({属性名:"属性值",属性名:"属性值"…})  这里的属性名可加引号也可不加引号 2.获取属性： $(选择器).attr("属性名") 3.删除属性： $(选择器).removeAttr("属性名") 示例： &lt;!DOCTYPE ht
获取和设置元素内容以及元素属性
weixin_45629646的博客
04-11 233
1.HTML方法的使用：jQuery中的HTML方法可以获取和设置标签的HTML内容 2.append方法：给指定元素追加HTML内容使用 3.prop方法的使用：之前使用css方法可以给标签设置样式属性，那么设置标签的其他属性可以使用prop方法了。 4.获取和设置元素的value属性可以通过val方法来完成，更加方便和简单 ...
JS设置div的值
u011497507的博客
03-21 9093
比如要设置的div的写法如下：&lt;div id = "knjsxm" style="float: left;font-family: SimSun; color: #308AE2; font-size: 17px; margin-left: 86px; margin-top: 15px;"&gt;则设置其值的js写法如下：document.getElementById("knjsxm").in...
JS 修改元素属性的六种方式
热门推荐
boonyaxnn的博客
04-04 3万+
方式一、 1.setAttribute 描述：设置元素的【属性】 语法：元素名.setAttribute('属性','属性值'); 例子： box.setAttribute('style','background-color:red;height:400px'); 注意：设置的是行内样式 2.getAttribute 描述：获取属...
prop()与attr()设置或获取元素属性值
又一个四季在轮回
03-21 398
设置或获取元素固有属性值prop() 获取属性语法 prop(“属性值”); 设置属性语法 prop(”属性“,“属性值”); 注意：以上获取和设置属性都是元素的固有属性值 设置或获取元素自定义属性attr（） 获取属性语法 attr(“属性值”); 设置属性语法 attr(“属性”,“属性值”); 与prop（）不同的是这个是设置自定义属性。记得命名标准data- ...
js中改变元素的属性
努力的zhiyi
06-11 6392
js中改变元素属性的方法     1、js中改变元素的属性值        格式：某元素.style.某属性 = '改变值';        例如：oDiv.style.width = '300px';        在js中如果遇到类似font-size这种属性，需要将其写为fontSize，在对它的值进行改变 2、js中改变元素的浮动值时会遇到兼容性的问题         IE情况
JQuery入门（四）-获取和设置元素的值val()
天道酬勤
07-12 1248
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档 $(document).ready(function(){  $("#address").focus(function(){   var txt_value = $(this).val
03.获取和设置元素特性的值
清山博客
01-02 1074
function attr(elem, name, value) {    //确保提供的name是正确的    if ( !name || name.constructor != String ) return '';    // 检查name是否处在怪异命名的情形中    name = { ‘for': 'htmlFor', 'class': 'className' }[name] || name;    // 如果用户传入了value；    if ( value != null ) {       
js map 获取元素值
最新发布
06-10
如果是获取数组中某个元素的值，可以使用下标进行访问，例如：`arr[0]` 获取第一个元素的值。如果是获取数组中所有元素的值，可以使用 `map` 方法，例如： ``` const arr = [1, 2, 3]; const newArr = arr.map(item...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值