Javascript 如何获取li值并再次打印_Javascript_Php_Html

Javascript 如何获取li值并再次打印

javascript php html

Javascript 如何获取li值并再次打印,javascript,php,html,Javascript,Php,Html,我正在为一个大学项目创建一个网站。我有3个表，每个表包含1个链接列表。这些链接代表课程，它们链接的内容并不重要。当学生选择一节课时，该课应该在页面底部呈现，而不离开列表我的代码如下： <!DOCTYPE HTML> <html> <link rel="stylesheet" type="text/css" href="style.css">  <bod

我正在为一个大学项目创建一个网站。我有3个表，每个表包含1个链接列表。这些链接代表课程，它们链接的内容并不重要。当学生选择一节课时，该课应该在页面底部呈现，而不离开列表

我的代码如下：

<!DOCTYPE HTML>
<html>
<link rel="stylesheet" type="text/css" href="style.css"> <!--Links the page with my style.css file-->
<body>
<head>
<title>Competences</title>
</head>

<?php
$name = $_GET['name']; 
$surname = $_GET['surname'];
echo "<h3>Hello " .$name." ".$surname"</h3>" ;
?>
<div class="background">
<h5>Below are various competences organised into three main categories. Select the ones you think are more important for your studies by clicking on them.</h5>
<div class="box" style="inline" id="1">
<h2>INSTRUMENTAL</h2>
<ul>
<h4>
<li onClick="Copy()"><a href="#">Capacity for analysis and synthesis</a></li>
<li onClick="Copy()"><a href="#">Capacity for organisation and planning</a></li>
<li onClick="Copy()"><a href="#">Basic general knowledge</a></li>
<li onClick="Copy()"><a href="#">Grounding in basic knowledge of the profession</a></li>
<li onClick="Copy()"><a href="#">Oral and written communication in your native language</a></li>
<li onClick="Copy()"><a href="#">Knowledge of a second language</a></li>
<li onClick="Copy()"><a href="#">Elementary computing skills</a></li>
<li onClick="Copy()"><a href="#">Information management skills (ability to retrieve and analyse information from different sources)</a></li>
<li onClick="Copy()"><a href="#">Problem Solving</a></li>
<li onClick="Copy()"><a href="#">Decision-making</a></li>
</h4>
</ul>
</div>

<div class="box2" style="inline" id="2">
<h2>INTERPERSONAL</h2>
<ul>
<h4>
<li onClick="Copy()"><a href="#">Critical and self-critical abilities</a></li>
<li onClick="Copy()"><a href="#">Teamwork</a></li>
<li onClick="Copy()"><a href="#">Interpersonal skills</a></li>
<li onClick="Copy()"><a href="#">Ability to work in an interdisciplinary team</a></li>
<li onClick="Copy()"><a href="#">Ability to communicate with experts in other fields</a></li>
<li onClick="Copy()"><a href="#">Appreciation of diversity and multiculturality</a></li>
<li onClick="Copy()"><a href="#">Ability to work in an international context</a></li>
<li onClick="Copy()"><a href="#">Ethical commitment</a></li>
</h4>
</ul>
</div>

<div class="box3" style="inline" id="3">
<h2>SYSTEMIC</h2>
<ul>
<h4>
<li onClick="Copy()"><a href="#">Capacity of applying knowledge in practice</a></li>
<li onclick="Copy()"><a href="#">Research Skills</a></li>
<li onClick="Copy()"><a href="#">Capacity to learn</a></li>
<li onClick="Copy()"><a href="#">Capacity to adapt to new situations</a></li>
<li onClick="Copy()"><a href="#">Capacity for generating new ideas(creativity)</a></li>
<li onClick="Copy()"><a href="#">Leadership</a></li>
<li onClick="Copy()"><a href="#">Understanding of cultures and customs of other countries</a></li>
<li onClick="Copy()"><a href="#">Ability to work autonomously</a></li>
<li onClick="Copy()"><a href="#">Project design and management</a></li>
<li onClick="Copy()"><a href="#">Initiative and entrepreneurial spirit</a></li>
<li onClick="Copy()"><a href="#">Concern for quality</a></li>
<li onClick="Copy()"><a href="#">Will to succeed</a></li>
</h4>
</ul>
</div>
</div>

<form action="step3.php" method="get">
<input type="submit" value="Submit Choices"/>
</form>


<h5>You have selected the following competences:</h5>

<script type="text/javascript">
var count = new Array();
var i=0;
var column_id = "id";
var col1=0;
var col2=0;
var col3=0;

function Copy()
{
count[i] = "value";
i++;

var div = document.createElement('div');
div.innerHTML = '<a href="#"><div>' + count[i] + '</div></a>';

if (column_id==1)
    {
    col1+=1;
    }
 else if (column_id==2)
        {
        col2+=1;
        }
    else if (column_id==3)
            {
            col3+=1;
            }
    div.innerHTML = '<div>'Competences Selected: + col1 + " Instrumental" + col2 + " Interpersonal" + col3 +" Systemic."'</div>';
}
</script>
</body>
</html>


能力
以下是分为三大类的各种能力。点击那些你认为对你的研究更重要的项目。
起重要作用的












人际关系的










系统的














您已选择以下能力：
var count=新数组（）；
var i=0；
变量列_id=“id”；
var col1=0；
var-col2=0；
var-col3=0；
函数副本（）
{
计数[i]=“值”；
i++；
var div=document.createElement（'div'）；
div.innerHTML=''；
如果（列id==1）
{
col1+=1；
}
else if（列_id==2）
{
col2+=1；
}
else if（列_id==3）
{
col3+=1；
}
div.innerHTML=''所选能力：+col1+“工具性”+col2+“人际性”+col3+“系统性”；
}

此外，在选择的能力方面，我必须告诉学生他从工具清单、人际清单和系统清单中选择的科目数量

比如说，我的清单是：

仪器的

1.选择1

2.选择2

如果选择选项1作为instumental的课程，则我将有如下内容：

所选能力：1项仪表能力、0项人际能力、0项系统能力

1.选择1

正如你所看到的，我试着用javascript来做，但我不太确定如何让它工作。。我不知道值是我应该考虑的，还是我应该用javascript来实现它。

我不是100%确定您在这里做什么，但有几件事您可能想看看：-

在

行中，计数（i）=“值”我假设您引用的是数组。在这种情况下，它应该是count[i]=“value”

在“代码”行中我假设您的意思是在div中的count数组索引处有一个值，在这种情况下，您希望

div.innerHTML=''


您有onClick=“count（）”
引用count（）方法，还有一个全局count（）数组。更改函数的名称以避免混淆
您有一个名为onclick
的javascript函数，为了避免混淆，请为它指定一个描述函数功能的名称，而不是使用通用的onclick名称
尝试将您遇到的问题减少到自包含代码的最小子集，您将更有可能得到答案
更新：
根据您更新的代码，我想我可以看到您想要做什么。请参阅，以获取一个简化示例，您应该能够将其应用于页面的其余部分
一些注意事项：-

调用count[i]=“value”
将无法获取
元素的值。您需要传递元素并调用innerHTML或在html中检索它
据我所知，您实际上想要的是的值，因此您最好将onclick放在
中
调用var列\u id=“id”
不会为您获取包含div的id。您需要首先通过选择器获取div。我建议您考虑使用jQuery来实现这一点。为了简洁起见，我只是在javascript调用中传递了这个值
我在Copy（）函数中留下了一个警报，这样您就可以看到传入的内容，您将希望删除它
谢谢你，我会照你的建议去做。我确实犯了一些愚蠢的错误，我已经在那个项目上工作了几个小时，但我没有注意到[]错误：/I我会修复它们，如果我有更多的错误，我会编辑它们！再次感谢你@安特雷索洛-没问题。祝你好运。我希望现在更容易阅读和理解。问题仍然存在。我仍然无法获得

的值或链接的点击次数：/