我的页面中有文本区域控件,我的代码是这样的,当用户单击文本区域或按"ENTER"键时,它将在文本区域中创建项目符号列表.但问题是,如果用户点击文本区域并且它将创建项目符号列表,但如果用户没有在文本区域中键入任何内容,则它应该为空并且应该删除项目符号.简单来说,如果文本区域子弹列表中没有数据,则应删除它.还有一件事是阻止用户从文本区域删除子弹.
这是我的代码:
<textarea name="MondayAcomp" id="MondayAcomp" cols="45" rows="5" onKeyDown="if(event.keyCode == 13) return false;" onKeyUp="bulletOnEnter(this.id)" onFocus="onfoc(this.id)" onBlur="onFocOff(this.id)" style="margin: 0px; width: 200px; height: 219px;"></textarea>
Run Code Online (Sandbox Code Playgroud)
Javascript函数:
function onfoc(id) {
if (document.getElementById(id).value == "") {
document.getElementById(id).value += '• ';
}
}
function onFocOff(id) {
if (document.getElementById(id).value == '• ') {
document.getElementById(id).empty;
}
}
function bulletOnEnter(id) {
var keycode = (event.keyCode ? event.keyCode : event.which);
if (keycode == '13') {
event.preventDefault();
document.getElementById(id).value += '\n• ';
}
var txtval = document.getElementById(id).value;
if (txtval.substr(txtval.length - 1) == '\n') …Run Code Online (Sandbox Code Playgroud) 我有一个表单,我需要这样的工具,用户在文本字段中输入一些数据并点击进入该时间使用jquery它应该创建新的控件,如新文本字段,下拉菜单,文本字段.它也有效,但它有一个错误,例如当用户输入另一个数据并且点击输入之前控件的时间值,下拉列表和文本字段更改为其默认值.
这是我的代码:
<script type="text/javascript">
function addMbo(value){
var div = document.getElementById('mboTable');
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){
event.preventDefault();
var divName = document.getElementById('mboName');
var divState = document.getElementById('mboState');
var divProgress = document.getElementById('mboProgress');
divName.innerHTML = divName.innerHTML + "<input class=form-control type=text name=mboName value='" + value + "' id=mboNamw/>"
divState.innerHTML = divState.innerHTML + "<select class=form-control > <option value=1>In Progress </option><option <value=2>Completed</option><option value=3>Cancled</option></select>"
divProgress.innerHTML = divProgress.innerHTML + "<input class=form-control type=text name=progress id=progress />"
document.getElementById('mboNameInput').value = null;
}
}
</script>
Run Code Online (Sandbox Code Playgroud)
HTML代码:
<div class="col-sm-4"> …Run Code Online (Sandbox Code Playgroud)