Difference between revisions of "User:DeletedUser010919/Sandbox5"
Jump to navigation
Jump to search
>@DeletedUser41383047 |
>@DeletedUser41383047 |
||
| (45 intermediate revisions by the same user not shown) | |||
| Line 21: | Line 21: | ||
function populate_skill_box(skillLevel) { | function populate_skill_box(skillLevel) { | ||
| + | var defaultSkill = document.getElementById("skillSelect").selectedIndex; | ||
| + | document.getElementById("skillSelect").innerHTML = "" | ||
var skillSelect = $("#skillSelect"); | var skillSelect = $("#skillSelect"); | ||
var skillCount = srcData.length; | var skillCount = srcData.length; | ||
| Line 29: | Line 31: | ||
skillSelect.append(opt); | skillSelect.append(opt); | ||
} | } | ||
| + | $("#skillSelect option:eq(defaultSkill)").prop('selected', true); | ||
}; | }; | ||
function selectSkillLevel(skill) { | function selectSkillLevel(skill) { | ||
| − | document.getElementById("skillLevelSelect1").innerHTML = '<input type="radio" value=1 name="Skill Level" oninput=" | + | document.getElementById("skillLevelSelect1").innerHTML = '<input type="radio" value=1 name="Skill Level" oninput="populate_skill_box("Skill1")" checked=1><label for="skillLevelSelect1">Lv.1</label>'; |
| − | document.getElementById("skillLevelSelect2").innerHTML = '<input type="radio" value=2 name="Skill Level" oninput=" | + | document.getElementById("skillLevelSelect2").innerHTML = '<input type="radio" value=2 name="Skill Level" oninput="populate_skill_box("Skill2")"><label for="skillLevelSelect2">Lv.2</label>'; |
if (srcData[skill].title.Hidden == 0) { | if (srcData[skill].title.Hidden == 0) { | ||
| − | document.getElementById("skillLevelSelect3").innerHTML = '<input type="radio" value=3 name="Skill Level" oninput=" | + | document.getElementById("skillLevelSelect3").innerHTML = '<input type="radio" value=3 name="Skill Level" oninput="populate_skill_box("Skill3")"><label for="skillLevelSelect3">Lv.3</label>'; |
| + | } else { | ||
| + | document.getElementById("skillLevelSelect3").innerHTML = "" | ||
} | } | ||
}; | }; | ||
| Line 85: | Line 90: | ||
<p>HP: <input type="number" id="HP" class="a"></p> | <p>HP: <input type="number" id="HP" class="a"></p> | ||
<p>STR: <input type="number" id="STR" class='a'></p> | <p>STR: <input type="number" id="STR" class='a'></p> | ||
| − | <p>Skill: <select id="skillSelect" name="skillSelect" onclick="showSkillValue(); selectSkillLevel(document.getElementById( | + | <p>Skill: <select id="skillSelect" name="skillSelect" onclick="showSkillValue(); selectSkillLevel(document.getElementById('skillSelect').selectedIndex);"></select> |
<form id="skillLevelSelect" style="display:inline;"> | <form id="skillLevelSelect" style="display:inline;"> | ||
<div id="skillLevelSelect1" style="display:inline;"></div> | <div id="skillLevelSelect1" style="display:inline;"></div> | ||