在web开发里 js如何获取获取div 的contentEditable内容 用于再提交

在web开发里 js如何获取获取div 的contentEditable内容 用于再提交,第1张

<html>

<head>

<title>获取显示 <DIV> contenteditable="true" 时 输入的内容</title>

</head>

<body>

<div id="kk" style="width:400px;height:300px;border:1px solid #999999;"  contenteditable="true">

</div>

<input type="button"  value="code" onclick="alert(documentgetElementById('kk')innerHTML)" />

</body>

</html>

<div id="a">待复制的div<span>div的子元素</span></div>

<div id="b"></div>documentgetElementById('b')innerHTML = documentgetElementById('a')innerHTML;

如果你要和之间的所有源码,用preg_match就可以,不用preg_match_all,如果你要里面的所有的标签中的内容,可以用preg_match_all//提取所有代码$pattern='/(+)/is';preg_match($pattern,$string,$match);//$match[0]即为和之间的所有源码echo$match[0];//然后再提取之间的内容$pattern='/(+)/is';preg_match_all($pattern,$match[0],$results);$new_arr=array_unique($results[0]);foreach($new_arras$kkk){echo$kkk;}

asp是不能直接获取div内容的 不过可以通过js间接过去 代码如下,放到body之间 运行,本人亲测通过

<%

action_get = RequestQueryString("action")

IF action_get = "seeit" Then

ResponseWrite("序号:"&RequestForm("id")&"<br/>")

ResponseWrite("标准物质名称:"&RequestForm("mc")&"<br/>")

ResponseWrite("规格型号:"&RequestForm("xh")&"<br/>")

ResponseWrite("单位:"&RequestForm("dw")&"<br/>")

ResponseWrite("数量:"&RequestForm("sl")&"<br/>")

ResponseWrite("供应商:"&RequestForm("gy")&"<br/>")

End IF

%>

<script language="javascript">

function initData()

{

documentgetElementById("id")value=documentgetElementById("id1")innerHTML;

documentgetElementById("mc")value=documentgetElementById("mc1")innerHTML;

documentgetElementById("xh")value=documentgetElementById("xh1")innerHTML;

documentgetElementById("dw")value=documentgetElementById("dw1")innerHTML;

documentgetElementById("sl")value=documentgetElementById("sl1")innerHTML;

documentgetElementById("gy")value=documentgetElementById("gy1")innerHTML;

return true;

}

</script>

<form action="action=seeit" name="ghform" method="post" onsubmit="return initData();">

<table width="800" bordercolor="#FFFF00" height="280" border="1" align="center" cellpadding="0" cellspacing="0" style= "margin:0 ">

<THEAD>

<tr height="30"><th colspan="6" align="center">物质更换记录</th></tr>

<tr height="30">

<th width="35">序号</th>

<th>标准物质名称</th>

<th>规格型号</th>

<th>单位</th>

<th>数量</th>

<th>供应商</th>

</tr>

</THEAD>

<TBODY>

<tr>

<th width="80"><DIV id="id1" CONTENTEDITABLE STYLE= "height: 100%; width: 100%; "> 123</DIV> </th>

<th width="200"><DIV id="mc1" CONTENTEDITABLE STYLE= "height: 100%; width: 100%; "> 456 </DIV> </th>

<th width="200"><DIV id="xh1" CONTENTEDITABLE STYLE= "height: 100%; width: 100%; "> 789</DIV> </th>

<th width="120"><DIV id="dw1" CONTENTEDITABLE STYLE= "height: 100%; width: 100%; "> 987</DIV> </th>

<th width="80"><DIV id="sl1" CONTENTEDITABLE STYLE= "height: 100%; width: 100%; "> 654 </DIV> </th>

<th width="120"><DIV id="gy1" CONTENTEDITABLE STYLE= "height: 100%; width: 100%; "> 432</DIV> </th>

</tr>

</TBODY>

</table>

<input name="id" type="hidden" id="id" value="" />

<input name="mc" type="hidden" id="mc" value="" />

<input name="xh" type="hidden" id="xh" value="" />

<input name="dw" type="hidden" id="dw" value="" />

<input name="sl" type="hidden" id="sl" value="" />

<input name="gy" type="hidden" id="gy" value="" />

<p></p>

<p></p>

</table><p align="center"><input type="submit" value="提交" name="Submit" />

<input type="button" value="关闭" name="close" />

</form>

看你代码应该是模拟的一个下拉框,点击li的时候,获取DOM对象的text()。

$("#ulCards>li")click(function(){

    var txt = $(this)find('a')text();

})

利用JavaScript的DOM模型,可以获得该标记的值,代码如下:首先,获得DIV标记的DOM对象var obj=getElementById("menu");然后利用InnerHTML属性就可以获得DIV对象的值,注意,这个属性获得的值也包括HTML代码,假如仅仅为了获得DIV标记间的文本,可以用InnerText属性来获得。示例代码:var str=objinnerHTML就可以获得本例中的“文字效果”内容!

第一种:

$(function(){

$("imgabcdefg img")css("width","100px");

})

第二种:

<script>

$(function(){

$("head_menu ul")find("li")each(function(){

$(this)each(function(){

if($(this)attr("id")){

alert($(this)html());

//alert($(this)attr("id"));

}

});

});

})

</script>

<div class="head_menu">

<ul>

<li><a href="#">第一个</a></li>

<li id="2"><a href="#">第二个</a></li>

<li><a href="#">第三个</a></li>

</ul>

</div>

以上就是关于在web开发里 js如何获取获取div 的contentEditable内容 用于再提交全部的内容,包括:在web开发里 js如何获取获取div 的contentEditable内容 用于再提交、Js获取div的值并显示在另一个div中,希望给出代码,谢谢、如何用PHP 取DIV标签内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9561959.html

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

发表评论

登录后才能评论

评论列表(0条)

保存