Skip to content

Instantly share code, notes, and snippets.

@ardakazanci
Created March 29, 2017 17:01
Show Gist options
  • Save ardakazanci/b93f8028ca9fb13856e02696ce2c9b1b to your computer and use it in GitHub Desktop.
Save ardakazanci/b93f8028ca9fb13856e02696ce2c9b1b to your computer and use it in GitHub Desktop.
<html>
<head>
<script type="text/javascript">
var baslangicAdediText = 0;
var baslangicAdediDropDown = 0;
function addAllInputs(divName, inputType) {
var yeniDiv = document.createElement('div');
var yeniDiv2 = document.createElement('div');
switch (inputType) {
case 'alan':
yeniDiv.innerHTML = (baslangicAdediText + 1) + "'inci kişi : <br><input type='text' name='textKutuSayisi[]'>";
baslangicAdediText++;
yeniDiv2.innerHTML = "<br><select name='statuSecimi[]'><option> Prof. Dr. </option><option> Doç. Dr. </option><option> Yrd. Doç </option><option> Ögr. </option></select>";
baslangicAdediDropDown++;
break;
}
document.getElementById(divName).appendChild(yeniDiv);
document.getElementById(divName).appendChild(yeniDiv2);
}
</script>
</head>
<body>
<form method="POST">
<div id="dinamikIcerik">
</div>
<input type="button" value="Ek alan eklemek için tıklayınız" onClick="addAllInputs('dinamikIcerik','alan');">
</form>
</body>
</html>
@ardakazanci
Copy link
Author

Form içerisinde bazen alan yetersizliği sorunuyla karşılaşabilir. UI yapısını tek bir click ile çözüme kavuşturabilirsiniz.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment