PHP.EE FOORUM   
Nimi:   Pass:   Mäleta mind! 
   Teemad | php.ee esilehele | registreeri | Märgi kõik teemad loetuks | #php.ee Skype vestlus | RSS
UUS TEEMA  OTSI  Lehekülgi: 1
List väärtuse kuvamine javascriptiga
Postitaja: joker 2010-02-09 16:44:33
Loodud kood:

<p>Nimede baas</p>
<script type="text/javascript">

function addElement() {

if (!document.getElementById(document.getElementById('test').value)) {

var box = document.getElementById('box');
var newdiv = document.createElement('div');
newdiv.setAttribute('id', document.getElementById('test').value);

box.appendChild(newdiv);

newdiv.innerHTML = 'Test:<a href="#" onclick="removeElement('+ document.getElementById('test').value +');">Del</a>';
}

}
function removeElement(childDiv){

alert(childDiv);

var child = document.getElementById(childDiv);
var parent = document.getElementById('box');
parent.removeChild(child);
}

</script>
<select id="test" name="field">
<option value="1" selected>Marko</option>
<option value="2">Madis</option>
<option value="3">Mihkel</option>
</select>
<input type="button" name="Button" value="Button" onClick="addElement();">
<div id="box"></div>


Probleem:
Kuidas saada javascripti listi välja sisu (Marko, Madis, Mihkel), mitte väärtus, et kasutada seda newdiv.innerHTML'is nime kuvamiseks?

Viimati muudetud: 09-02-2010 16:57:23
Muutja: joker
Põhjus:

RE: List väärtuse kuvamine javascriptiga
Postitaja: joker 2010-02-09 20:20:41
Sain ise asjale lahenduse


<p>Nimede baas</p>
<script type="text/javascript">

function addElement() {

var field = document.getElementById('names').selectedIndex;
var value = document.getElementById('names').value;

if (!document.getElementById(field)) {

var box = document.getElementById('box');
var newdiv = document.createElement('div');
newdiv.setAttribute('id', value);

box.appendChild(newdiv);

newdiv.innerHTML = document.getElementById('names').options[field].text + '<a href="#" onclick="removeElement('+ value +');">Del</a>';
}

}
function removeElement(childDiv){

alert(childDiv);

var child = document.getElementById(childDiv);
var parent = document.getElementById('box');
parent.removeChild(child);
}

</script>
<select id="names" name="names">
<option value="10" selected>Marko</option>
<option value="20">Madis</option>
<option value="30">Mihkel</option>
</select>
<input type="button" name="Button" value="Button" onClick="addElement();">
<div id="box"></div>

Viimati muudetud: 09-02-2010 20:21:49
Muutja: joker
Põhjus:


Leheküljed: 1

©2002-2013 Martin Rebane & PHP.ee kaasautorid
  0.0780940055847