Spaces:
Sleeping
Sleeping
File size: 1,753 Bytes
5dfece0 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 |
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Flask Tutorial</title>
</head>
<body>
<button onclick="duplicate()">Forwaaard</button>
<form action="/forward/" method="post">
<div id ="duplicater">
<select name="select" class="selections">
<option value="" disabled selected hidden>Choose value</option>
<option value="hi">hi </option>
<option value="11aaa"> 11</option>
</select>
</div>
<button name="forwardBtn" type="submit">donee</button>
</form>
</body>
</html>
<script >
var i = 0;
var original = document.getElementById('duplicater');
const vals = [];
function duplicate() {
var clone = original.cloneNode(true); // "deep" clone
// or clone.id = ""; if the divs don't need an ID
clone.id = 'duplicater' + ++i;
clone.getElementsByClassName('selections')[0].setAttribute('name', 'select'+i);
original.parentNode.appendChild(clone);
// var value = clone.id;
console.log( original.parentNode)
console.log( clone )
var sel0 = document.getElementById('duplicater').getElementsByClassName('selections')[0];
var sel = document.getElementById(clone.id).getElementsByClassName('selections')[0].tagName;
//var value = sel.textContent[sel.selectedIndex].text;
//var text = sel.options[sel.selectedIndex].text;
//vals.push(text)
console.log(sel0.value)
console.log(sel)
//console.log(value)
//console.log(text)
//var index=original.selectedIndex
//console.log(original.options[index].text)
}
</script> |