Javascript 将个性化文本插入js var no=document.getElementById结果

Javascript 将个性化文本插入js var no=document.getElementById结果,javascript,var,Javascript,Var,我被困在这里。。。我正在做几个不同行的问题,下拉菜单中有是/否答案。当所有问题都得到回答时,我想点击“生成”按钮,将所有回答为“是/否”的问题收集到一个“结果”框中,只需一个简单的简单段落。这就是我到目前为止所做的(我不知道html/js等编码,但我擅长谷歌搜索)` 完成了吗? 对 不 查过了吗? 对 不 函数myFunction1(){ var no=document.getElementById(“q1”); var option=no.options[no.selectedIndex

我被困在这里。。。我正在做几个不同行的问题,下拉菜单中有是/否答案。当所有问题都得到回答时,我想点击“生成”按钮,将所有回答为“是/否”的问题收集到一个“结果”框中,只需一个简单的简单段落。这就是我到目前为止所做的(我不知道html/js等编码,但我擅长谷歌搜索)`


完成了吗?
对
不

查过了吗?
对
不

函数myFunction1(){
var no=document.getElementById(“q1”);
var option=no.options[no.selectedIndex].text;
var txt=document.getElementById(“结果”).value;
txt=txt+选项;
document.getElementById(“结果”).value=txt;
}

您在处理程序中对
的调用
myFunction1()
,但是
myFunction1()
是在您的
按钮下定义的,因此分配它时它不存在。将
标记移到文件顶部

顺便说一下,这里有一个逻辑错误:

txt=txt+选项因为如果用户单击两次
按钮
,它会将以前的结果添加到新值中

尝试将适当的标签添加到所选内容中,将名称添加到表单中,然后执行以下操作:

<form name="myForm">
  <p>
    <label for="q1">Done it?</label>
    <select id="q1">
      <option>Yes</option>
      <option>No</option>
    </select>
  </p>
  <p>
    <label for="q2">Checking Around?</label>
    <select id="q2">
      <option>Yes</option>
      <option>No</option>
    </select>
  </p>
  <input type="button" onclick="populateResults()" value="Generate">
  <div id="result"></div>
</form>


完成了吗?
对
不

四处看看? 对 不

然后添加提交处理程序:

function populateResults() {
  var selects = document.forms.myForm.querySelectorAll('select'),
      result = document.getElementById("result");
  Array.from(selects).forEach(function(a, i) {
      var answer = a.options[a.selectedIndex].text,
          question = selects[i].labels[0].textContent;
      result.innerHTML += question + ' ' + answer + '<br>';
  })
}
函数populateResults(){
var selects=document.forms.myForm.querySelectorAll('select'),
结果=document.getElementById(“结果”);
Array.from(selects).forEach(函数(a,i){
var answer=a.options[a.selectedIndex].text,
问题=选择[i]。标签[0]。文本内容;
result.innerHTML+=问题+“”+答案+”
; }) }
请注意,html标记被放置在发送到服务器的字段上(主要是为了防止编写脚本),因此请检查文本是否是您所编写的内容。Google不会让您成为一名程序员。无论如何,你必须学会编码。我不是程序员,我只是想做一些有用的事情。。让我来解释一下我的问题:我如何收集问题的不同答案,并在结果框中将所有问题+答案浓缩在一起?问:你好吗?下拉回答:好的/好的,选择好的,点击“生成”按钮,结果在不同的框中:你好吗?好。(几个问题和答案)不。
onclick
这里有一个属性,即它是一个字符串。它的值将在用户真正单击按钮时计算,而不是在解析时。@Teemu我在JSFIDLE中检查了它,每单击一次按钮,就会将以前的值与新值连接起来。是的,但您关于放置处理函数的解释是错误的,
myFunction1
在OP的例子中定义正确,当用户单击按钮时,该按钮可用。@Ramanlfc“生成”虽然有效,但我不知道如何组合和收集问题1和问题2的答案,并将它们放在下面的结果框中。比如第一季度?回答:非常感谢,这正是我想要实现的,你做到了,我很感激!!np@gapp06gt。随时
function populateResults() {
  var selects = document.forms.myForm.querySelectorAll('select'),
      result = document.getElementById("result");
  Array.from(selects).forEach(function(a, i) {
      var answer = a.options[a.selectedIndex].text,
          question = selects[i].labels[0].textContent;
      result.innerHTML += question + ' ' + answer + '<br>';
  })
}