我是Jquery的新手,所以希望这是可能的。
我有一个包含多个文本框的页面。我正在尝试使用文本框例如Email
的效果,然后当您点击它时,Email
消失,您可以放入自己的文本。我已经完成了部分代码。
因为我有多个具有不同ID和不同起始值/占位符的文本框,我正在尝试创建一种方法,在文档准备时,将文本框格式的页面上的每个文本框推送到一个数组中id和它的值,由一个字符分隔(我正在使用:)。我也完成了这部分(据说)
然后我需要循环遍历该数组,并为数组中的每个元素分隔文本框Id和文本框值。那么我需要创建一个新的var
,称为文本框的ID,其中包含相同的文本框值。
最终结果应该是以文本框命名的多个变量,每个变量都包含等效的文本框值。
这是我到目前为止所拥有的:
$(document).ready(function () {
//Create array to contain all textbox values on page load
var textBoxValues = [];
$('[id^=mainArea_txt]').each(function(e){
textBoxValues.push("#" + $(this).attr('id') + ":" + $(this).val());
//0: #mainArea_txtEmail:Email
//1: #mainArea_txtPassword:Password
//2: #mainArea_txtConfirmPassword:Confirm Password
});
function createVarForeachElement(elem)
{
var textboxId = elem.split(':')[0];
var textboxValue = elem.split(':')[1];
}
textBoxValues.forEach(createVarForeachElement)
{
//Create new var in the format " var [textboxId] = [textboxValue]
};
});
就像我说我是jquery的新手,所以如果有人能想出更好的方法来做到这一点