<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 便签之间的值 请问我该如何操作
右键 点击弹出一个菜单我已经实现 就不不晓得如何 修改值 请给位指教
-
等级
本版专家分：3结帖率 100% -
<div id="myList">
<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 便签之间的值 请问我该如何操作
右键 点击弹出一个菜单我已经实现 就不不晓得如何 修改值 请给位指教展开阅读全文
-
等级
本版专家分：55789勋章
-
- 金牌 2012年5月 总版技术专家分月排行榜第一
-
- 银牌 2012年6月 总版技术专家分月排行榜第二
-
-
红花
2012年6月 Web 开发大版内专家分月排行榜第一
2012年5月 Web 开发大版内专家分月排行榜第一
-
- 黄花 2012年7月 Web 开发大版内专家分月排行榜第二
-
-
点击 时可以动态生成一个input，其value就是li的innerHTML，确定修改时，让li的innerHTML改变成input修改后的value即可
-
等级
本版专家分：408勋章
-
- GitHub
-
-
仅供参考：
<!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>
-
等级
本版专家分：3
-
动态生成一个input 隐藏域吗 ？
-
等级
本版专家分：55789勋章
-
- 金牌 2012年5月 总版技术专家分月排行榜第一
-
- 银牌 2012年6月 总版技术专家分月排行榜第二
-
-
红花
2012年6月 Web 开发大版内专家分月排行榜第一
2012年5月 Web 开发大版内专家分月排行榜第一
-
- 黄花 2012年7月 Web 开发大版内专家分月排行榜第二
-
-
既然要修改值 肯定是可见的input啊，才方便操作。
-
等级
本版专家分：3
-
谢谢 你是说的这种方式 应该可以做到 但可见的input 会影响页面的效果
隐藏域 可以修改 但没法显示
我现在要做的是 拖拽后产生的 <li></li>标签 然后右键弹出一个菜单栏 然后修改当前点击的<li></li>之间的文本值
-
等级
本版专家分：3
-
谢谢了 你这方法 静态的还可以引用 但动态 貌似不可以 处理起来比较麻烦
-
等级
本版专家分：55789勋章
-
- 金牌 2012年5月 总版技术专家分月排行榜第一
-
- 银牌 2012年6月 总版技术专家分月排行榜第二
-
-
红花
2012年6月 Web 开发大版内专家分月排行榜第一
2012年5月 Web 开发大版内专家分月排行榜第一
-
- 黄花 2012年7月 Web 开发大版内专家分月排行榜第二
-
-
楼主可以整理下你的demo ，贴出来，大家看看。
-
等级
本版专家分：3
-
这是源码
<!DOCTYPE html>
<html lang="zh-CN" >
<head>
<meta charset="UTF-8" />
<title>NewSetting</title>
<meta name="robots" content="ALL" >
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style/admin.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.dimensions.js"></script>
<script src="js/ui/ui.mouse.js"></script>
<script src="js/ui/ui.draggable.js"></script>
<script src="js/ui/ui.draggable.ext.js"></script>
<script src="js/ui/ui.droppable.js"></script>
<script src="js/ui/ui.droppable.ext.js"></script>
<script src="js/ui/ui.sortable.js"></script>
<script type="text/javascript" src="js/js.js"></script>
</head>
<script type="text/javascript">
var elem = '';
$(document).ready(function(){
$('ul.tagli>li').draggable({
helper: 'clone',
opacity: 0.55,
start:function(e, ui)
{
elem = e.srcElement || e.target;
}
});
$(".box").droppable({
accept: "li a",
activeClass: 'droppable-active',
hoverClass: 'droppable-hover',
drop: function(ev, ui) {
var o = elem.title;
var oid = elem.id;
var sid = "s" + oid;
//有相同的就不插入了。
if ( document.getElementById(sid) == null)
{
$(this).append( "<ul><li title='"+o+"' id='"+sid+"'> "+o+" <a href='#' onclick='javascript:$(this.parentNode).remove();' title='删除此栏'> X</a></li></ul>" );
}else {
alert ("您已经添加了相同FieidValue,请您删除后再添加，谢谢！");
}
}
});
$('ul.tagli>li').click(function(){
$('#filter').append("<div class='box'><h4>by 频道 <a align='right' href='#' onclick='javascript:$(this.parentNode).remove();' title='删除此栏'> X</a></h4></div>");
$(".box").droppable({
accept: "li a",
activeClass: 'droppable-active',
hoverClass: 'droppable-hover',
drop: function(ev, ui) {
var o = elem.title;
var oid = elem.id;
var sid = "s" + oid;
//有相同的就不插入了。
if ( document.getElementById(sid) == null)
{
$(this).append( "<ul><li title='"+o+"' id='"+sid+"'> "+o+" <a href='#' onclick='javascript:rem(this);' title='删除此栏'> X</a></li></ul>" );
}else {
alert ("您已经添加了相同FieidValue,请您删除后再添加，谢谢！");
}
}
});
});
});
//移除方法
function rem(a){
$(a.parentNode).remove();
}
</script>
<body>
<div id="header">
<h1>MagicLayer Administration</h1>
<div id="rigbtn"><a href="#">浏览</a><a href="#" class="current">新建</a><a href="#">修改密码</a><a href="#">退出</a></div>
</div>
<div id="content">
<h2 class="pagetitle">NewSetting</h2>
<div class="crumbs"><span >1 基本设置</span><span class="current">2 Filter定制</span><span>3 Output定制</span><span>4 Finish</span></div>
<table width="100%" border="0" cellpadding="0" cellspacing="1" class="tab">
<tr>
<td><h3 class="tit01"><span><select name="">
<option>公有云</option>
</select></span>FieldName</h3>
<ul class="tagli">
<li title="频道1" id="1">频道1</li>
<li title="频道2" id="2">频道2</li>
<li title="频道3" id="3">频道3</li>
<li title="频道4" id="4">频道4</li>
<li title="频道5" id="5">频道5</li>
<li title="频道6" id="6">频道6</li>
<li title="频道7" id="7">播出时间</li>
<li title="频道1" id="1">频道1</li>
<li title="频道2" id="2">频道2</li>
<li title="频道3" id="3">频道3</li>
<li title="频道4" id="4">频道4</li>
<li title="频道5" id="5">频道5</li>
<li title="频道6" id="6">频道6</li>
<li title="频道7" id="7">播出时间</li>
<li title="频道1" id="1">频道1</li>
<li title="频道2" id="2">频道2</li>
<li title="频道3" id="3">频道3</li>
<li title="频道4" id="4">频道4</li>
<li title="频道5" id="5">频道5</li>
<li title="频道6" id="6">频道6</li>
<li title="频道7" id="7">播出时间</li>
<li title="频道1" id="1">频道1</li>
<li title="频道2" id="2">频道2</li>
<li title="频道3" id="3">频道3</li>
<li title="频道4" id="4">频道4</li>
<li title="频道5" id="5">频道5</li>
<li title="频道6" id="6">频道6</li>
<li title="频道7" id="7">播出时间</li>
<li title="频道1" id="1">频道1</li>
<li title="频道2" id="2">频道2</li>
<li title="频道3" id="3">频道3</li>
<li title="频道4" id="4">频道4</li>
<li title="频道5" id="5">频道5</li>
<li title="频道6" id="6">频道6</li>
<li title="频道7" id="7">播出时间</li>
<li title="频道1" id="1">频道1</li>
<li title="频道2" id="2">频道2</li>
<li title="频道3" id="3">频道3</li>
<li title="频道4" id="4">频道4</li>
<li title="频道5" id="5">频道5</li>
<li title="频道6" id="6">频道6</li>
<li title="频道7" id="7">播出时间</li>
<li title="频道1" id="1">频道1</li>
<li title="频道2" id="2">频道2</li>
<li title="频道3" id="3">频道3</li>
<li title="频道4" id="4">频道4</li>
<li title="频道5" id="5">频道5</li>
<li title="频道6" id="6">频道6</li>
<li title="频道7" id="7">播出时间</li>
<li title="频道1" id="1">频道1</li>
<li title="频道2" id="2">频道2</li>
<li title="频道3" id="3">频道3</li>
<li title="频道4" id="4">频道4</li>
<li title="频道5" id="5">频道5</li>
<li title="频道6" id="6">频道6</li>
<li title="频道7" id="7">播出时间</li>
<li title="频道1" id="1">频道1</li>
<li title="频道2" id="2">频道2</li>
<li title="频道3" id="3">频道3</li>
<li title="频道4" id="4">频道4</li>
<li title="频道5" id="5">频道5</li>
<li title="频道6" id="6">频道6</li>
<li title="频道7" id="7">播出时间</li>
</ul> </td>
<td><h3 class="tit01"><span><input name="" type="button" value="增加字段限制"></span>FieidValue</h3>
<ul class="tagli">
<li>CCTV1</li><li>JIEMU</li><li as_name="CCTV" as_id="1">频道</li><li>频道</li><li>天津卫视</li><li>播出时间</li>
<li>CCTV1</li><li>JIEMU</li><li as_name="CCTV" as_id="1">频道</li><li>频道</li><li>天津卫视</li><li>播出时间</li>
<li>CCTV1</li><li>JIEMU</li><li as_name="CCTV" as_id="1">频道</li><li>频道</li><li>天津卫视</li><li>播出时间</li>
<li>CCTV1</li><li>JIEMU</li><li as_name="CCTV" as_id="1">频道</li><li>频道</li><li>天津卫视</li><li>播出时间</li>
<li>CCTV1</li><li>JIEMU</li><li as_name="CCTV" as_id="1">频道</li><li>频道</li><li>天津卫视</li><li>播出时间</li>
<li>CCTV1</li><li>JIEMU</li><li as_name="CCTV" as_id="1">频道</li><li>频道</li><li>天津卫视</li><li>播出时间</li>
<li>CCTV1</li><li>JIEMU</li><li as_name="CCTV" as_id="1">频道</li><li>频道</li><li>天津卫视</li><li>播出时间</li>
<li>CCTV1</li><li>JIEMU</li><li as_name="CCTV" as_id="1">频道</li><li>频道</li><li>天津卫视</li><li>播出时间</li>
<li>CCTV1</li><li>JIEMU</li><li as_name="CCTV" as_id="1">频道</li><li>频道</li><li>天津卫视</li><li>播出时间</li>
<li>CCTV1</li><li>JIEMU</li><li as_name="CCTV" as_id="1">频道</li><li>频道</li><li>天津卫视</li><li>播出时间</li>
<li>CCTV1</li><li>JIEMU</li><li as_name="CCTV" as_id="1">频道</li><li>频道</li><li>天津卫视</li><li>播出时间</li>
<li>CCTV1</li><li>JIEMU</li><li as_name="CCTV" as_id="1">频道</li><li>频道</li><li>天津卫视</li><li>播出时间</li>
</ul>
</td>
</tr>
<tr>
<td colspan="2">
<h3 class="tit01">filter制定</h3>
<div class="scroll">
<div id="filter" class="scrollcont">
<div class="box">
</div>
<div class="box">
<h4>By Date</h4>
<ul>
<li>CCTV2</li>
<li>CCTV2</li>
<li>CCTV2</li>
<li>CCTV2</li>
</ul>
</div>
<div class="box">
<h4>By 频道</h4>
<ul>
<li>CCTV2</li>
<li>CCTV2</li>
<li>CCTV2</li>
<li>CCTV2</li>
</ul>
</div>
</div>
</div>
</td>
</tr>
</table>
<div class="btnli"><input type="button" value="Previous" class="inp1">
<input type="button" value="Next" class="inp2">
</div>
</div>
</body>
</html>
-
等级
本版专家分：3
-
怎么没人来围观呢
- jquery attr()方法 添加，修改，获取对象的属性值
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这...
- jQuery.获取修改value
获取修改value val() 方法，获取和修改有value属性的元素，有value属性的元素有input、botton、select等。相当于JavaScript中的value。 <!DOCTYPE html><html> <head> <title>TODO ...
- jquery attr()方法 添加、修改、获取对象的属性值
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。...
- jquery取值与赋值
input $('xxx').val() $('xxx').val('yyy') span $('xxx').text() $('xxx').text('yyy') radio 男 <input class='sex-female' name='s
- jquery获取和改变值
1、input type='text' 改变值： $("#sysserverid").attr("value",sysserversinfo.sysserverid); 和//$("#sysservername").val("ffff");//厂商名称 获取值： $("#...
- jQuery - 取值和获值的三种方式
jQuery - 取值和获值的三种方式 1.获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML ...
- jquery操作select(取值，设置选中）
一、基础取值问题 例如<select class="selector"></select> 1、设置value为pxx的项选中 $(".selector").val("pxx"); 2、设置text为pxx的项选中 $(".selector").find("option:contains('pxx')")....
- jquery 根据class名 赋值_jQuery 取值、赋值的基本方法
/*获得TEXT.AREATEXT的值*/var textval = $("#text_id").attr("value");//或者var textval = $("#text_id").val();/*获取单选按钮的值*/var valradio = $("input[@type=radio][@checked]").val();/*获取一组名为...
- jquery取值，赋值，以及下拉框获取选中value值
一、jquery获取元素的值（1）通过name属性获取元素的value值//假如是获取input文本框的value值 $("input[name='name']").val();（2）通过id获取元素的value值//product是id的值 //获取值用val(),此处和js的value
- jquery 样式获取设置值_使用jquery操作元素的css样式（获取、修改等等）
//1、获取和设置样式$("#tow").attr("class")获取ID为tow的class属性$("#two").attr("class","divClass")设置Id为two的class属性。//2、追加样式$("#two").addClass("divClass2")为ID为two的对象追加样式divClass2//...
- jquery checkbox取值和赋值
jquery 不同版本对checkbox的取值赋值全收罗
- jquery取值
获取JQuery集合中的某一项 对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而 get(n)和索引返回的是dom元素对象。对于jquery对象只能...
- jquery 取值赋值
jQuery取值jquery捕获---- 获取内容和属性新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居...
- jquery 动态取值的为null 或者undefind的细节
最近遇到一个奇葩的需求，需要对获取的json进行动态展示，有type分类，text,string,select等，...jquery取值根据id 需要用 #id, class是 .class类 于是经过修改 成功取值，细节很重要呢。特此记录一下 ...
- jquery对textarea写入_JQuery TextArea的取值与赋值问题
读取，最近测试时候发现在firefox中读取不出textArea的值,IE正常于是修改为：$("#textarea").val();问题解决，不过搜索时，发现有人提另一个问题：当在一个textarea标签中键入一个回车时，实际上会插入2个符号：\n\r...
- JQuery给textarea取值和赋值
取值 var sendcontent=$("#sendcontent").val(); 赋值 $("#sendcontent").val(SMScontent); //$("#sendcontent").html(SMScontent);也能赋值，但在ie上被识别为placeholder，点击就会消失
- jquery 设置隐藏变量的值为空_快速掌握jQuery用法
常用场景：选择网页元素：选择某个网页元素并对其进行某种操作是jQuery的基本设计思想和主要用法,选择表达式可以是CSS选择器$(document) // 选择整个文档对象 $('#myId') // 选择ID为myId的元素 $('.myClass') //...
- jQuery获取select下拉框改变时option的值
$('.hotels').on("change", function(){ console.log(this.value); console.log($(this).find(':selected').val()); })
- jquery input取值为undefined？
var 值要写在函数里面 因为可能页面加载时 该值为空 例如： <head> <script type="text/javascript"> function aaa(){ var departTime = $("#input框的id").val(); console.log(departTime...
- jquery点击按钮更改input的value值
jquery点击按钮更改input的value值 value值得取值范围为：8~15 readonly=“readonly”：设置输入框的值无法手动更改 效果： 源码： <!DOCTYPE html> <html lang="en"> <head> <meta ...
- JQuery动态添加input的值
1.给input输入框一个onchange="change()" 事件 2.编写js代码 function change(){ var map_pkid=$("#map_pkid").val(); if($("#pkid").val()==""){ $("#pkid").attr("value",map_pkid);... }
- jq动态改变路径_jQuery - 如何动态更改值？(jQuery - How dynamically change the value?)
jQuery - 如何动态更改值？(jQuery - How dynamically change the value?)我有我的HTML代码：我想jQuery检测用户选择了哪个项目，然后根据公式设置值：如果用户选择值为“1”的radiobutton，则id =“crc”的输入值应...
- jquery 取input值错误
多次修改input，获取input的值一直都是第一次修改的值，请问这是为什么
- jquery监听radio变化_jquery 监听radio选中，取值
$(document).ready(function(){ $("input[name=discount]").each(function(){ $(this).click(function(){ var discount = $(this).val(); if(discount=="0"){ $(".discount").css("display","none");...
- jQuery设置radio值应该注意的问题：attr和prop的区别
笔者在做项目的时候碰到设置radio值的问题，用atrr()和removeAttr()一直有问题，有时候radio的属性是checked 但是都没有选中，这个问题最后发现是attr 的问题，换成prop()方法就可以正常设置radio的值了，如下是这两...
- jQuery表单操作：取值、赋值、修改属性等
1，普通文本框：文本 <input type="text" name="test" id="test" placeholder="普通文本框"...//根据ID取值 var testVal2 = $("imput[name='test']&q
- jQuery操作input值的各种方法总结
获取选中的值 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框...
- jquery input 取值和赋值
2019独角兽企业重金招聘Python工程师标准>>> ...
- Jquery取值
.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。 val( )------一般 用在input上，而不用在其他元素，用来获取input或者是select的值 html()和text()可用在多种元素上，但是html()...
- Jquery监听radio的变化以及获取radio选中值
使用change事件监听radio值的变化 $(input:radio[name='radioName']).change(function(){ alert($(this).val()); })