Hej, skall försöka uppnå följande kod via javascript: Nu lägger du <td><div></div><select>..</select></td>, du vill lägga till din select i divven, newdiv.appendChild() Tack, så här skall det givetvis vara : Eller med jquery :) Tack! Det är bra med flera lösningsalternativ för läsaren! Vi kan ta det med ExtCore när vi ändå håller på ;) Nu när du säger det så kom jag på att jquery också har en wrap-funktion.skapa div-tag via javascript runt select-box
<td>
<div><select>
<option>Test</option>
</select>
</div>
</td>
Detta skall göras med ett javascript där jag vet tabellnamnet . Problemet är att jag inte får till div-taggen i td-cellen som skall omsluta selecten (används för att visa om det är fel genom att sätta style på div-taggen).
// Lägger till en ny boenderad till listan
function addrow_boende(tablename, currentrows) {
var table = document.getElementById(tablename);
var lastrow = table.rows.length;
var iteration = lastrow;
var row = table.insertRow(lastrow);
var newdiv = document.createElement('div');
var cellRightSel = row.insertCell(0);
cellRightSel.appendChild(newdiv);
cellRightSel.setAttribute('class', 'housLoanFirst')
var sel = document.createElement('select');
sel.name = 'selRow' + iteration;
sel.setAttribute('class', 'select')
sel.options[0] = new Option('text zero', 'value0');
sel.options[1] = new Option('text one', 'value1');
cellRightSel.appendChild(sel);
Sv: skapa div-tag via javascript runt select-box
Sv:skapa div-tag via javascript runt select-box
// Lägger till en ny boenderad till listan
function addrow_boende(tablename, currentrows) {
var table = document.getElementById(tablename);
var lastrow = table.rows.length;
var iteration = lastrow;
var row = table.insertRow(lastrow);
var newdiv = document.createElement('div');
// skapa ett unikt id för den aktuella raden
row.setAttribute('id', '1-198DKK')
var cellRightSel = row.insertCell(0);
cellRightSel.setAttribute('class', 'housLoanFirst')
var sel = document.createElement('select');
sel.name = 'selRow' + iteration;
sel.setAttribute('class', 'select')
sel.options[0] = new Option('text zero', 'value0');
sel.options[1] = new Option('text one', 'value1');
newdiv.appendChild(sel);
cellRightSel.appendChild(newdiv);
}
Sv: skapa div-tag via javascript runt select-box
jQuery.fn.addDiv = function() {
return this.each(function() {
var parentObj = this.parent();
var div = $('<div></div>');
this.appendTo(div);
div.appendTo(parentObj);
});
}
Används såhär:
<code>
$('#tabellnamn select').addDiv();
</code>
Har inte testat koden men den "borde" fungera.
Sv:skapa div-tag via javascript runt select-box
Sv: skapa div-tag via javascript runt select-box
Ext.select('#tabellnamn select').wrap({ tag: 'div' });
Sv:skapa div-tag via javascript runt select-box
<code>
$('#tabellnamn select').wrap('<div />');
</code>