如何将选定的项目从多级列表复制到文本框中
How to copy selected items from multi-level list to text box
我正在创建一个用Jquery和HTML创建的小型故障排除指南。当用户选择一个步骤,这是为了给下一步的尝试,并从那里的下一个流程图样式。
我想添加一个选择按钮,以便一旦用户完成了故障排除流程,他们应该能够自动将所有选择的项目复制到文本框中。任何人都可以帮助我的代码,将选择所有用户选择的项目从流和粘贴/填充到一个文本框。
请找到我用于故障排除指南的代码。任何帮助都将不胜感激。提前感谢……
$('document').ready(function(){
var count = 0;
$('#questions').hide();
$('#answers').hide();
$('#questions tr:nth-child(2)').attr('id','currow');
var q1 = $('#currow td:nth-child(2)').html();
var q3 = '<div id="d' + count + '"><p>' + q1 + '</p>' ;
var a1 = $('#currow td:nth-child(3)').html();
var r1 = q3 + a1 +'</div>';
$('#showquestion').html(r1);
$('li').live('click',function(){
$(this).addClass('selected').siblings().removeClass('selected');
var target = $(this).attr('id');
var parid = $(this).parent().parent().attr('id');
var parnum = parseInt(parid.slice(1,3));
count = count + 1;
var ps = $('#showquestion div').length;
$('#showquestion div').each(function() {
var divid = $(this).attr('id');
var divnum = parseInt(divid.slice(1,3));
if(divnum > parnum)
$(this).remove()
})
$('td' ).each(function(){
var qnum = $(this).text();
if(qnum == target) {
var q = $(this).next('td').html();
var q2 = '<div id="d' + count + ' "><p>' + q + '</p>';
var a = $(this).next('td').next('td').html();
var qs = $('#showquestion').html();
var r = qs + q2 + a +'</div>';
$('#showquestion').html(r);
window.scrollBy(0,400);
}
})
})
})
<div class="luiTitle"><a href="http://google.com" style=" text-decoration:none; color:#bbb">Support System </a></div>
<div id="showquestion" class="answerswers"></div>
<p><a href="TEST1.HTML"title="To my second webpage">Click here to go back to Selection Page</a></p>
<table width="50%" border="0" cellspacing="1" cellpadding="2" id="questions" >
<tr>
<td>No</td>
<td>Question/Heading </td>
<td>Answers </td>
</tr>
<tr>
<td>1</td>
<td>Question 1</td>
<td><ul>
<li id="2">Option 1</li>
<li id="3">Option 2</li>
<li id="4">Option 3</li>
</ul></td>
</tr>
<tr>
<td>2</td>
<td>Level 2 - from question 1 Option 1</td>
<td><ul>
<li id="5">Option 1</li>
<li id="6">Option 2</li>
</ul></td>
</tr>
<tr>
<td>3</td>
<td>Level 2 - from question 1 - no</td>
<td><ul>
<li id="9">Option 1</li>
<li id="10">Option 2</li>
<li id="6">Option 3</li>
<li id="7">Option 4</li>
</ul></td>
</tr>
<tr>
<td>4</td>
<td>Level 3 - from level 2 option 1</td>
<td><ul>
<li id="11">Option 1</li>
<li id="12">Option 2</li>
<li id="13">Option 3</li>
<li id="13">Option 4</li>
</ul></td>
</tr>
document
是一个对象,当你说$('document')
时,jQuery将尝试在页面上寻找document
标签。将其更改为$(document).ready()
并尝试。
var parid = $(this).parent().parent().attr('id');
在这一行this
指向li
元素,parent
的parent
将给出一个没有任何id的td
,因此parid
将始终为null或空
相关文章:
- 在javascript/angular中创建播放列表(按值复制数组,但按引用设置嵌套对象)
- 使用下拉列表过滤 ng 重复,而不复制下拉选项
- 从php中的mysql中复制带有嵌入式下拉列表的html表单javascript
- JS下拉列表没有'不能在复制的HTML源中工作
- 我想放一个JS函数,它适用于列表的所有元素,但我可以't将其复制到每个元素中
- JavaScript:将一个选择列表复制到另一个选择列表
- 从无序列表中复制某些级别
- 将下拉列表中的选定文本自动复制到剪贴板
- 如何使拖放列表复制而不是移动列表项
- 用于将多个下拉列表中的选定项目复制到文本框的按钮
- 对于每个h3链接,复制到列表项的底部
- 在代码隐藏中读取javascript复制的列表值
- 用填充的下拉列表复制php表的新行
- 将innerHTML从列表中的一项复制到元素的内容中
- 数据列表中缺少数据复制
- 如何在复制和粘贴列表项时添加换行符
- 当用户在Javascript中单击按钮时复制下拉列表
- ImmutableJS:合并两个对象列表,不复制它们
- 如何使用javascript将表单列表中的选项值复制到输入字段
- 如何使用jQuery多次复制列表元素