如何使用jquery将文本框添加到分割区域
How to add textboxes to a divved area using jquery
Hi-im使用带有jquery javascript函数的codeigniter PHP创建格式化的时间文本框。
我希望jquery函数将我的文本框添加到其他文本框的行中,而不是将它们添加到页面底部。
图片-->https://i.stack.imgur.com/gFO0w.jpg
这是我的php文件。我知道这很混乱,但我对这一切都很陌生。
<script type="text/javascript"> var i = 0; </script>
<?php
for ($i=0; $i< 20; $i++)
{
?>
<script type="text/javascript">
var input = $("<input>", { //this bit will be removed in the form
name: 'time'+i,
val: '00:00:00',
maxlength: '8',
size: '5'
});
i++;
input.click(function() {
$(this).prop({
selectionStart: 0,
selectionEnd: 0
});
}).keydown(function() {
var sel = $(this).prop('selectionStart'),
val = $(this).val(),
newsel = sel === 2 ? 3: sel;
newsel = sel === 5 ? 6: newsel;
$(this).val(val.substring(0, newsel) + val.substring(newsel + 1))
.prop({
selectionStart: newsel,
selectionEnd: newsel
});
});
$('body').append(('#timearea_DIV').html());
</script>
<?php
echo '<div id="timearea"></div> //THIS IS WHERE THE jquery generated textboxes must go!';
//the event itself
echo form_input ('event'.$i , set_value ('event'.$i));
//supplies used
echo form_input ('supplies'.$i, set_value ('supplies'.$i));
//what is the manufacturer
echo form_input ('manufacturer'.$i, set_value ('manufacturer'.$i));
//quantity
echo form_input ('quantity'.$i, set_value ('quantity'.$i));
//was the event successful?
echo form_dropdown ('success'.$i, $yesno , set_value ('success'.$i));
//comment if necessary
echo form_input ('comment'.$i , set_value ('comment'.$i));
echo '<br/>';
}
//end of for loop
感谢
您正在将其附加到正文中!!在要添加此文本框的位置放置一个id为的空div。
那么对于这个div
(#divid).html('text box you want to add')
或append
到该div
相关文章:
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在映射数组中添加换行符
- 正在将数据主题添加到所有项目
- ZeroClipboard-在复制之前添加到值
- 我可以在json对象中添加一个函数吗
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何添加浮动和非浮动,其他
- 添加文字和评论功能更新Div
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 在函数中添加数组元素的数值
- 如何将歌曲添加到jPlayer
- 在html Select中添加搜索
- Java脚本时间添加
- FabricJs-限制主对象内添加对象的移动区域
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 将JavaScript分割成小块添加到数组中
- 如何在使用html2canvas和jspdf时添加上边距,当画布在多个页面上分割时
- 如何使用jquery将文本框添加到分割区域