webForumDet fria alternativet
Logga in / Bli medlem

Selectbox från tre textboxar

JavaScript

2 svar · 224 visningar · startad av Bjuris

Medlem sedan juli 2001514 inlägg
Trådstart#1

Jag har en selectbox enligt den bifogade bilden, den populeras från tre stycken textboxar. (Option 1...Option2, är bara test)

Till mina problem:

  • Finns det någon möjlighet att man kan lägga in avstånd mellan texterna så att de hamnar under respektive textbox?
  • Om man markerar texten i selectboxen, hur kan man få den att uppträda i textboxarna för att uppdatera listan?
Medlem sedan dec. 20025 483 inlägg
#2

Att placera ut texten precis där man vill ha den, blir nog svårt. Du skulle ju kunna bygga ett "formulär" i form av en tabell, där varje <tr> representerar en <option>. Då skulle man utan problem kunna göra det du vill. Om meningen är att formuläret senare skall skickas iväg, kan man använda sig av <input type="hidden">-fält där man sparar ned informationen som finns i den <tr> man klickade på (koden är endast testad i IE6 och det går bara att markera raderna):

<script>

function mark(obj){
  var tr = null;

  while (obj.nodeName.toLowerCase() != "tr"){
    obj = obj.parentNode;
  }

  for (var i = 0; i < obj.childNodes.length - 1; ++i){
    var cn = obj.childNodes[i];

    if (cn.nodeName.toLowerCase() == "td"){
      cn.style.backgroundColor = cn.style.backgroundColor != "highlight" ? "highlight" : "menu";
    }
  }
}

</script>

<style>
.dataCell{
  background-color: menu;
}
</style>

<table border="0" cellspacing="0" width="550">
  <tr>
    <td width="100">Pcs</td>
    <td width="250">Description</td>
    <td width="100">Wgt(Kg)</td>
    <td width="100"></td>
  </tr>
  <tr>
    <td><input name="pcs"></td>
    <td><input name="description"></td>
    <td><input name="wgt"></td>
    <td><input type="button" value="Add" onclick=""></td>
  </tr>
  <tr>
    <td class="dataCell" onclick="mark(this)"></td>
    <td class="dataCell" onclick="mark(this)"></td>
    <td class="dataCell" onclick="mark(this)"></td>
    <td><input type="button" value="Clear" onclick=""></td>
  </tr>
  <tr>
    <td class="dataCell" onclick="mark(this)"></td>
    <td class="dataCell" onclick="mark(this)"></td>
    <td class="dataCell" onclick="mark(this)"></td>
    <td><input type="button" value="Update" onclick=""></td>
  </tr>
  <tr>
    <td class="dataCell" onclick="mark(this)"></td>
    <td class="dataCell" onclick="mark(this)"></td>
    <td class="dataCell" onclick="mark(this)"></td>
    <td><input type="button" value="Delete" onclick=""></td>
  </tr>
</table>
Medlem sedan juli 2001514 inlägg
#3

nja...
Egentligen så spelar inte placeringen alltför stor roll...
Tyvärr så skall man kunna lägga till hur många poster som helst så det får inte begränsas på något sätt. Det är därför jag vill ha en select..

253 ms totalt · 4 externa anrop · v20260731065814-full.7fb52858
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)