Php alerbox具有列表中的值，通过按钮完成_Php_Jquery_Html

Php alerbox具有列表中的值，通过按钮完成

php jquery html

Php alerbox具有列表中的值，通过按钮完成,php,jquery,html,Php,Jquery,Html,我试图通过单击列表中包含的按钮从列表中获取id。列表中的信息是从openlayers地图生成的。该列表是根据地图自动生成的。列表如下所示。我想要的id是dans的值我使用的代码如下所示： <ul id ="table_overvieuw"> <#list features as feature> <li><b>Type: ${type.name}</b> (id: <em>${feature.fid}</

我试图通过单击列表中包含的按钮从列表中获取id。列表中的信息是从openlayers地图生成的。该列表是根据地图自动生成的。列表如下所示。我想要的id是dans的值

我使用的代码如下所示：

    <ul id ="table_overvieuw">
<#list features as feature>
  <li><b>Type: ${type.name}</b> (id: <em>${feature.fid}</em>):
  <ul>
  <#list feature.attributes as attribute>
    <#if !attribute.isGeometry>
      <li><b>${attribute.name}</b></li>
      ${attribute.value}
    </#if>
  </#list>
  <br><br>
 <input type="button" name="geef slijpplaten info" class="ok" value="OK" onclick="myFunction()" />
  </ul>
  </li>
</#list>
</ul>
<script type="text/javascript">
function highlight(e) {
    if (selected[0]) selected[0].className = '';
    e.target.parentNode.className = 'selected';
}

var table = document.getElementById('table_overvieuw'),
    selected = table.getElementsByClassName('selected');
table.onclick = highlight;

function myFunction(){

    alert($("li.selected.value li:first" ).html());
}
</script>


类型：${Type.name}（id:${feature.fid}）：

${attribute.name}
${attribute.value}






功能突出显示（e）{
如果（已选择[0]）已选择[0]。类名=“”；
e、 target.parentNode.className='selected'；
}
var table=document.getElementById（'table_overvieuw'），
selected=table.getElementsByClassName（'selected'）；
table.onclick=突出显示；
函数myFunction（）{
警报（$（（$li.selected.value li:first”）.html（）；
}

列表的渲染html为：

    <html><head>
<style>
ul {
    background: #cce5ff;
    padding: 20px;
}
ul li {
    margin: 5px;
}
.selected {
    background-color: brown;
    color: #FFF;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script><style type="text/css"></style>
</head>
<body><ul id="table_overvieuw">
  <li><b>Type: dans_compleet</b> (id: <em>dans_compleet.fid--50014eb6_15374e6dbd1_-779f</em>):
  <ul>
      <li><b>dans</b></li>
      40347
      <li><b>x_coord</b></li>
      221405
      <li><b>y_coord</b></li>
      591262
      <li><b>dans_code</b></li>
      40347
      <li><b>archis_onderzoeksmeldingsnr</b></li>
      21475 and 24639
      <li><b>title</b></li>
      De (on)mogelijkheden van archeologisch vriendelijk bouwen op terpen en wierden 
      <li><b>creator</b></li>
      Huisman, D.J.
      <li><b>contributor</b></li>
      Doesburg, J. van; Muller, A.; Stover, J.
      <li><b>date_created</b></li>
      2009
      <li><b>rights_holder</b></li>
      Rijksdienst voor het Cultureel Erfgoed
      <li><b>publisher</b></li>
      Rijksdienst voor het Cultureel Erfgoed
      <li><b>description</b></li>
      Bouwaanvragen voor de realisatie van nieuwbouw op de wettelijk beschermde archeologische monumenten Kenwerd  en Groot Wetsinge in de provincie Groningen vormden aanleiding in het kader van het MADE-project onderzoek te doen naar de mogelijke effecten van heien op wierdelagen en daarmee samenhangende grondsporen. Voorafgaande aan het heien zijn op beide locaties boringen gezet en proefsleuven gegraven om de stratigrafische opbouw te bepalen. Tevens zijn uit de profielen micromorfologische monsters genomen. In Kenwerd is er sprake van een wierde en in Groot Wetsinge van een valgen. Beide complexen lijken in de Late IJzertijd \xe2\x80\x93 Vroeg Romeinse tijd te zijn ontstaan. Nadat de heipalen waren aangebracht zijn opnieuw sleuven gegraven en daaruit micromorfologische monsters genomen. Op basis van de veldwaarnemingen en resultaten van de analyse van de slijpplaten kan worden aangenomen dat schade door ingeheide betonnen heipalen in beide gevallen slechts enkele centimeters buiten de paal zelf waarneembaar zal zijn. In algemene zin zal dit gelden voor alle terpen en wierden met een zelfde  samenstelling en structuur. Hier moet evenwel de volgende kanttekening worden geplaatst. Uit de waarnemingen in een slijpplaat uit Groot Wetsinge blijkt dat zandlagen w\xc3\xa9l laterale effecten van heipalen kunnen laten zien. Als zandlagen dikker zijn en niet, zoals in Groot Wetsinge het geval is,  kleilaagjes of -laminae bevatten, is de schade aanzienlijk groter. Dat geldt ook als het zand grover en/of hoekiger is. Daarnaast is het logisch dat een heipaal die door een bakstenen fundering, liggend hout of een compacte ,mestlaag wordt geheid, of die andere harde of taaie obstakels  raakt, veel grotere schade zal aanrichten.  Bij beslissingen over het al dan niet toestaan van heien op beschermde terpen en wierden moeten deze punten worden meegenomen.<br>Extrapolatie van de onderzoeksresultaten van Kenwerd en Groot Westinge naar andere gebieden is niet aan te raden. Terpen en wierden hebben een zeer specifieke samenstelling en genese. Het is daarom van groot belang om vergelijkbaar onderzoek uit te voeren in andere gebieden en op andersoortige vindplaatsen om die wijze uiteindelijk tot een algemener beeld te komen van de effecten van het gebruik van heipalen op terreinen met archeologische resten.<br><p></p>
      <li><b>subject_abr_complex</b></li>
      Nederzetting - Terp/wierde
      <li><b>temporal_abr</b></li>
      Middeleeuwen: 450 - 1500 nC and Nieuwe tijd: 1500 - heden
      <li><b>spatial_point</b></li>

      <li><b>spatial_coverage</b></li>

      <li><b>relation</b></li>
      Rapportage ARcheologische Monumentenzorg 176
  <br><br>
 <input type="button" name="geef slijpplaten info" class="ok" value="OK" onclick="myFunction()">
  </ul>
  </li>
</ul>
<script type="text/javascript">
function highlight(e) {
    if (selected[0]) selected[0].className = '';
    e.target.parentNode.className = 'selected';
}

var table = document.getElementById('table_overvieuw'),
    selected = table.getElementsByClassName('selected');
table.onclick = highlight;

function myFunction(){

    alert($("li.selected.value li:first" ).html());
}
</script>  
</body></html>


保险商实验室{
背景：#cce5ff；
填充：20px；
}
ulli{
保证金：5px；
}
.选定{
背景颜色：棕色；
颜色：#FFF；
}

类型：dans_Complete（id:dans_Complete.fid--50014eb6_15374e6dbd1_U779F）：

丹斯
40347
x_坐标
221405
尤德
591262
dans_码
40347
阿奇斯·昂德佐克·斯梅尔丁
21475和24639
头衔
（关于）莫盖利赫登考古中心vriendelijk bouwen op terpen en wierden
创造者
惠斯曼，D.J。
贡献者
杜斯堡，J.范；穆勒，A。；斯托弗，J。
创建日期
2009
权利持有人
Rijksdienst voor het Culturer Goed
出版者
Rijksdienst voor het Culturer Goed
描述
布瓦瓦瓦夫拉根·瓦努瓦赫·瓦努瓦赫·瓦努瓦赫（Bouwaanvragen voor de Realizatie van nieuwbouw op de wettelijk beschermde Armee samenhangende Gronde省的考古纪念碑）在卡德尔·瓦努瓦赫（kader van het）的瓦努瓦赫·瓦努瓦赫（Vor de Realizatie van Nieuwbouwbouw）建造了一个由瓦努瓦赫·瓦努瓦赫·瓦努瓦赫·瓦赫·瓦赫·瓦努瓦赫（naar de Mogelij。这是一个很好的选择，因为它是一个位于城市边缘地带的项目。微型动物学怪兽基因组学。肯维尔德的斯普拉克·范恩·维尔德在格罗特·韦辛格·范恩·瓦尔根。在IJzertijd\xe2\x80\x93 Vroeg Romeinse tijd te zijn ontstaan的晚期，有一个复杂的建筑群。这是一个关于动物基因的小动物学家。在帕尔泽尔夫·瓦尼巴尔·扎尔济恩（Baal zelf Waarneembar zal zijn）附近的海帕伦（beide gevallen Slecht）建筑的厘米长的建筑中，对滑动板上的文字进行分析。在阿尔及利亚，所有的人都遇到了同样的结构。他是一个很好的学生。这是一个很好的解决方案，它可以使我们的工作更加顺利。阿尔斯·赞德拉根·齐恩·涅特（Als zandlagen dikker zijn en niet）、格罗特·韦辛格（Groot Wetsinge het geval）和贝瓦滕（Lamee bevatten）的克莱拉格耶斯（kleilaagjes）都是一位杰出的艺术家。霍基格的格尔德·奥克和扎德·格罗弗是。Daarnaast是taaie obstakels raakt的Ander harde、veel grotere schade zal aanrichten的Mistlag wordt geheid公司的一家小型企业，在Baksten的资助下，在heipaal door和Baksten的资助下建立的物流中心。Bij Beslisingen在会议上讨论了范海因的问题。据推断，范德奥德佐克的研究结果表明，范肯沃德在西北部的安德烈·格比登（Andee gebieden）是一位年轻人。在日内瓦，他甚至可以用同样的语言来表达。他是一位来自世界各地的学者，他在《安徒生》和《安徒生》中讲述了他的故事，并在《大地考古》中讲述了他的故事。

受试者阿布鲁情结
内德泽廷-特普/维尔德
颞叶abr
Middeleuwen:450-1500 nC和Nieuwe tijd:1500-heden
空间点
空间覆盖
关系
报告处考古学博物馆176






功能突出显示（e）{
如果（已选择[0]）已选择[0]。类名=“”；
e、 target.parentNode.className='selected'；
}
var table=document.getElementById（'table_overvieuw'），
selected=table.getElementsByClassName（'selected'）；
table.onclick=突出显示；
函数myFunction（）{
警报（$（（$li.selected.value li:first”）.html（）；
}

如果我点击我的按钮（选择后），我得到的是DAN，而不是DAN的值。有人能帮我一把吗？

好的，这是一种有点草率的方法，只需要对代码做一些小的修改，但它应该能满足您的需要

首先将

${attribute.value}

包装在

span

标记中，以便我们可以在js/jquery中选择它。然后将

myFunction（）

中的

警报更改为：
alert($("li.selected").next('span').html());


但我建议你重新考虑你的方法。我将属性的值包装在span
标记中，在li
标记中。这将使所选li
的选择过程更加容易（$（'li.selected span'）.html（）；
）和可靠，因为目前还不能真正保证下一个span
是所选li
的对应值好吧，这有点草率，只需要对代码做一些小的更改，但它应该可以满足您的需要
首先将${attribute.value}
包装在span
标记中，这样我们就可以