<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
</ul>
</div>
假设我有上面一个div 我需要右击弹出一个菜单 修改 li 便签之间的值 请问我该如何操作
右键 点击弹出一个菜单我已经实现 就不不晓得如何 修改值 请给位指教
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Dom-table</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="../css/editTable.css" />
<script languag="javascript">
function changeColorEven(){
//alert("********");
var tab = document.getElementsByTagName("tbody")[0]; //先将tbody对象取出
var tabrow = tab.rows; //获取当前表格中行的集合
for (var i=0; i<tabrow.length ; i++ )
{
if (i%2 == 0)
{
var tabrows = tabrow[i];
tabrows.style.cssText = "background:#999999"; //将行数为偶数行的背景色改为灰色
} //end if
} //end for
/*
//获取每行每列的第一个td对象
for (var a=1; a<tabrow.length ; a++)
{
var tabcell = tabrow[a].cells;
var tabc = tabcell[0];
//alert(tabc);
var tabtd = tabc.firstChild;
}
*/
var tmpArray = new Array(); //定义一个临时数组
for (var i=0; i<tabrow.length ; i++ )
{
var tabcel = tabrow[i].all; //获取列数
//alert(tabcel.length);
for (var k=0; k<tabcel.length ; k++ )
{
var tabk = tabcel[k]; // 将列数集合给予tabk
var cellObj = tabk.tagName; //获取每列的标签名
//alert(cellObj.length);
if (cellObj == "TD") //删选出标签为td的对象
{
//alert(cellObj);
//alert(cellObj.length);
if (k%2==0)
{
//alert(tabcel[k]);
tmpArray.push(tabcel[k]); //将取出的每行第一列放入临时数组
} //end if
} //end if
} //end for
} //end for
//alert(tmpArray);
for (var j=0; j<tmpArray.length ; j++ )
{
tmpArray[j].attachEvent("onclick",setInput); //使单击td产生事件
} //end for
function setInput(eve){
//alert("****");
var tdsrc = eve.srcElement; //将单击的原对象赋予tdsrc
var tdText = tdsrc.innerText; //将td内容存于变量tdText中,以便多次使用
//alert(tdsrc);
var tdput = document.createElement("input"); //创建input对象
tdput.type = "text";
tdput.id = "tdtxt";
tdput.style.border = 0 ;
tdput.style.width = "98%";
tdput.style.fontSize = tdsrc.currentStyle.fontSize;
tdput.style.backgroundColor = tdsrc.currentStyle.backgroundColor ; //将原有css样式赋给现有的input对象
tdput.value = tdsrc.innerText; //将原对象值赋给新建的input.value中
tdsrc.innerText = "";
tdsrc.insertAdjacentElement("afterBegin",tdput); //将创建的tdput-input对象放入原对象tdsrc中
tdput.select(); //选取密码域中的文本
tdput.focus(); //获取输入框的焦点
tdput.attachEvent("onclick",stopEvent); //添加阻止事件
tdput.attachEvent("onkeydown",returnValue); //添加改变输入值事件
function returnValue(e){
var tdput = document.getElementById("tdtxt");
var retValue = e.keyCode; //返回键盘值
//alert(tdput.value);
//alert(retValue);
if (retValue == 13)
{
tdsrc.innerText = tdput.value; //将输入的值赋给td
}else if (retValue == 27)
{
tdput.value = tdText; //将原有的值赋给input的Value
} //end if
} //end fn
} //end fn
function stopEvent(e){
e.cancelBubble = true; //阻止事件传播
return false;
} //end fn
} //end fn
function test(){
changeColorEven();
} //end f
</script>
</head>
<body onload="test()">
<table>
<thead>
<th colspan=2>可编辑的表格</th>
</thead>
<tbody>
<tr>
<th>学号</th>
<th>姓名</th>
</tr>
<tr>
<td>000001</td>
<td>张三</td>
</tr>
<tr>
<td>000002</td>
<td>李四</td>
</tr>
<tr>
<td>000003</td>
<td>王五</td>
</tr>
<tr>
<td>000004</td>
<td>赵六</td>
</tr>
</tbody>
</table>
</body>
</html>
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值。通过这...
获取修改value val() 方法,获取和修改有value属性的元素,有value属性的元素有input、botton、select等。相当于JavaScript中的value。 <!DOCTYPE html><html> <head> <title>TODO ...
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值。...
input $('xxx').val() $('xxx').val('yyy') span $('xxx').text() $('xxx').text('yyy') radio 男 <input class='sex-female' name='s
1、input type='text' 改变值: $("#sysserverid").attr("value",sysserversinfo.sysserverid); 和//$("#sysservername").val("ffff");//厂商名称 获取值: $("#...
jQuery - 取值和获值的三种方式 1.获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML ...
一、基础取值问题 例如<select class="selector"></select> 1、设置value为pxx的项选中 $(".selector").val("pxx"); 2、设置text为pxx的项选中 $(".selector").find("option:contains('pxx')")....
/*获得TEXT.AREATEXT的值*/var textval = $("#text_id").attr("value");//或者var textval = $("#text_id").val();/*获取单选按钮的值*/var valradio = $("input[@type=radio][@checked]").val();/*获取一组名为...
一、jquery获取元素的值(1)通过name属性获取元素的value值//假如是获取input文本框的value值 $("input[name='name']").val();(2)通过id获取元素的value值//product是id的值 //获取值用val(),此处和js的value
//1、获取和设置样式$("#tow").attr("class")获取ID为tow的class属性$("#two").attr("class","divClass")设置Id为two的class属性。//2、追加样式$("#two").addClass("divClass2")为ID为two的对象追加样式divClass2//...
jquery 不同版本对checkbox的取值赋值全收罗
获取JQuery集合中的某一项 对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而 get(n)和索引返回的是dom元素对象。对于jquery对象只能...
jQuery取值jquery捕获---- 获取内容和属性新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居...
最近遇到一个奇葩的需求,需要对获取的json进行动态展示,有type分类,text,string,select等,...jquery取值根据id 需要用 #id, class是 .class类 于是经过修改 成功取值,细节很重要呢。特此记录一下 ...
读取,最近测试时候发现在firefox中读取不出textArea的值,IE正常于是修改为:$("#textarea").val();问题解决,不过搜索时,发现有人提另一个问题:当在一个textarea标签中键入一个回车时,实际上会插入2个符号:\n\r...
取值 var sendcontent=$("#sendcontent").val(); 赋值 $("#sendcontent").val(SMScontent); //$("#sendcontent").html(SMScontent);也能赋值,但在ie上被识别为placeholder,点击就会消失
常用场景:选择网页元素:选择某个网页元素并对其进行某种操作是jQuery的基本设计思想和主要用法,选择表达式可以是CSS选择器$(document) // 选择整个文档对象 $('#myId') // 选择ID为myId的元素 $('.myClass') //...
$('.hotels').on("change", function(){ console.log(this.value); console.log($(this).find(':selected').val()); })
var 值要写在函数里面 因为可能页面加载时 该值为空 例如: <head> <script type="text/javascript"> function aaa(){ var departTime = $("#input框的id").val(); console.log(departTime...
jquery点击按钮更改input的value值 value值得取值范围为:8~15 readonly=“readonly”:设置输入框的值无法手动更改 效果: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta ...
1.给input输入框一个onchange="change()" 事件 2.编写js代码 function change(){ var map_pkid=$("#map_pkid").val(); if($("#pkid").val()==""){ $("#pkid").attr("value",map_pkid);... }
jQuery - 如何动态更改值?(jQuery - How dynamically change the value?)我有我的HTML代码:我想jQuery检测用户选择了哪个项目,然后根据公式设置值:如果用户选择值为“1”的radiobutton,则id =“crc”的输入值应...
多次修改input,获取input的值一直都是第一次修改的值,请问这是为什么
$(document).ready(function(){ $("input[name=discount]").each(function(){ $(this).click(function(){ var discount = $(this).val(); if(discount=="0"){ $(".discount").css("display","none");...
笔者在做项目的时候碰到设置radio值的问题,用atrr()和removeAttr()一直有问题,有时候radio的属性是checked 但是都没有选中,这个问题最后发现是attr 的问题,换成prop()方法就可以正常设置radio的值了,如下是这两...
1,普通文本框:文本 <input type="text" name="test" id="test" placeholder="普通文本框"...//根据ID取值 var testVal2 = $("imput[name='test']&q
获取选中的值 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框...
2019独角兽企业重金招聘Python工程师标准>>> ...
.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。 val( )------一般 用在input上,而不用在其他元素,用来获取input或者是select的值 html()和text()可用在多种元素上,但是html()...
使用change事件监听radio值的变化 $(input:radio[name='radioName']).change(function(){ alert($(this).val()); })