我想创建具有从输入类型文本获取的信息的DOM元素。更具体地说: 我希望用户能够写出一个位置,并在他按下“Go!”后按钮插入文本创建一个元素,我也想有一个删除图标,当按下删除该插入。从input type ='text'创建元素JavaScript
我创建了我把输入值的功能,但如果我创建另一个<img>
内用同样的方法,当我创建的第二个条目就会把另一<img>
我不能创建的“Del”键
与前一个条目
search_btn.click(function() {
var place_reg = /^[a-z]+\d*[a-z]*(\s[a-z]+\d*[a-z]*)*?$/i;
var search_value = search_box.val();
var final_result = search_value.trim();
if (place_reg.test(final_result)) {
createDest(final_result);
} else {
alert('Please insert a valid destination');
}
document.getElementById('search_box').value = "";
});
function toTitleCase(str) {
return str.replace(/\w\S*/g, function(txt){ return txt.charAt(0).toUpperCase() +
txt.substr(1).toLowerCase();});
}
function createDest(value) {
var destination_i_search = document.createElement("div");
destination_i_search.innerHTML = toTitleCase(value);
destination_i_search.setAttribute("class" , "place");
$("#dest").append(destination_i_search);
}
问题出在您未显示的代码中。请显示其余部分(例如,在JSFiddle中的HTML例子也会很好):) – 2014-09-06 06:51:40
你有这个标签的jQuery,但没有使用jQuery。如果你这样做,代码会更短/更简单,JQuery也是你的选择吗? – 2014-09-06 06:53:55
是的,我也使用jquery,但我不是很习惯它。我无法在Jquery文档中找到所需的 – 2014-09-06 07:04:40