[英]how to write select tag with javascript?
我有一個網站,我正在用JavaScript編寫html代碼,因為我想將所有內容加載到javascript代碼中,這樣用戶就不會感到任何延遲。但是我無法使用javascript實現“出生日期”部分。碼。
function getBasicProfileEditBody()
{
var basicProfileEditBody = "<div>"+
"<div>"+
"<span>gender</span><span>:</span><span><input type='radio' name='gender' value='female' />female<input type='radio' name='gender' value='male' />male"+
"</div>"+
"<div>"+
"<span>date of birth</span><span>:</span>"+
"<span>"+
"<select id='dateOfBirth'>"+
+"</select>"+
"</span>"+
"</div>"+
"<div>"+
"<span>my strengths</span><span>:</span><span></span>"+
"</div>"+
"<div>"+
"<span>my weaknesses</span><span>:</span><span></span>"+
"</div>"+
"<div>"+
"<span>persons i like</span><span>:</span><span></span>"+
"</div>"+
"<div>"+
"<span>things i like in others</span><span>:</span><span></span>"+
"</div>"+
"<div>"+
"<span>things i don't like in others</span><span>:</span><span></span>"+
"</div>"+
"<div>"+
"<span>my friends</span><span>:</span><span></span>"+
"</div>"+
"<div>"+
"<span><input type='button' value='edit' id='aboutProfileEdit' /></span><span><input type='button' value='cancel' id='aboutProfileCancel' /></span>"+
"</div>";
return basicProfileEditBody;
}
在這種樣式中,如果我必須為日期寫選擇標記是可以的,但多年的選擇標記又如何呢?這對我來說是一個負擔嗎?不是嗎?如何以這種樣式實現“出生日期”?
要回答您的問題,請嘗試以下方式:
第一步:將源代碼"<select id='dateOfBirth'>"+</select>"
替換為"div id='dateOfBirth'>"+</div>"
,因為您需要三個選擇框。
第二步:添加一些代碼以或多或少地自動創建每個條目:
function getBasicProfileEditBody()
{
...
var startBirthYearRange = 1970;
var d = new Date();
var endBirthYearRange = d.getFullYear();
var yearEntries = endBirthYearRange - startbirthYear;
var selectBoxYearOfBirth = "<select id='yearOfBirth'>";
for (index = 0; index < yearEntries; index++)
{
selectBoxYearOfBirth += "<option>" + startBirthYearRange + index) + "</option>";
}
selectBoxYearOfBirth += "</select>";
var birthMonth = new Array();
birthMonth.push("1@January");
birthMonth.push("2@February");
birthMonth.push("3@March");
...
birthMonth.push("12@December");
var selectBoxMonthOfBirth = "<select id='monthOfBirth'>";
for (index = 0; index < 12; index++)
{
var itemArry = birthMonth[index].split("@");
selectBoxMonthOfBirth = += "<option value='" + itemArry[0] + "'>" +
itemArry[1] + "</option>";
}
selectBoxYearOfBirth += "</select>";
var selectBoxDayOfBirth = = "<select id='dayOfBirth'>";
for (index = 0; index < 31; index++)
{
selectBoxDayOfBirth = += "<option>" + (index + 1) + "</option>";
)
selectBoxDayOfBirth += "</select>";
//Then apped the new three variables to var 'basicProfileEditBody'
...
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.