---
title: "Använder AJAX för att lägga till en ny select box??"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/169637-använder-ajax-för-att-lägga-till-en-ny-select-box"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "eddy1"
published: "2008-03-05T17:33:16.000Z"
updated: "2008-03-07T13:44:03.000Z"
replies: 2
views: 342
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/169637-använder-ajax-för-att-lägga-till-en-ny-select-box"
---

# Använder AJAX för att lägga till en ny select box??

## #1 — eddy1, 2008-03-05T17:33Z

Hej

Använder AJAX som anropar en asp fil för att lägga till en \<select\> box på sidan med information i. 
Nu använder jag innerHtml för att lägga in koden. Men detta fungerar inte när jag senare vill komma åt Vald information från den select boxen m.h.a javascript kod??

Fick ett tips om createlement men förstår inte hur jag ska använda det??

Mvh

Permalänk: https://www.webforum.nu/p/169637

## #2 — PeaceOnearth, 2008-03-06T19:19Z

Hej
 
\<script language="javascript"type="text/javascript"\>
function fun1(){
var doc1 =document.getElementById("dis1");{
var f1 = document.forms\[0\].sel1;

//ex 1
var op1 = document.createElement("option",0);
    op1.style.background="red";
    op1.style.color="white";
    op1.text="Option 1";

//ex 2
var op2 = new Option("option",1);
    op2.style.background="blue";
    op2.style.color="white";
    op2.text="Option 2";
 

 f1.options\[0\]=(op1);
 f1.options\[1\]=(op2);
}}
\</script\>

\<div id="dis1"\>\</div\>
\<input type="button"value="Create Option"onClick="fun1()"\>
\<form\>\<select id="sel1"\>\</select\>\</form\>

Hoppas detta hjälper

Permalänk: https://www.webforum.nu/p/2086603

## #3 — eddy1, 2008-03-07T13:44Z

hej..

tack för du tog dig tid och gjorde ett sånt exempel... Men jag får inte ihop det..

okey, nu skapas ju olika options, men jag vill även skapa slect taggen först med detta. Provade att skriva 

```
var op3 = document.createElement("select");
```

men fick inte det att fungera???

sen är jag nog inte med på hur jag ska hantera den information som kommer från asp filen?? hur ska jag skriva ut den??

nu har jag använt dena koden som skapas av asp filen och klistrat in med inneHtml

```
	response.write	"<span style='font-size: 30px; font-weight: bold; color:Gray'>-- </span><form id='form3'><select onchange='getGroups('none','none','none','none');>"
		SET db = Con.execute(SQL)
        response.Write "<option>V&auml;lj h&auml;r"
    do until db.eof
		response.Write "<option value='"& db("g_id") &"'>"& db("g_name")
		db.movenext
		loop
```

vet inte hru jag ska loopa igenom alla poster medd javascriptet så det skrivs ut???

Mvh

Permalänk: https://www.webforum.nu/p/2086719

---

Tråden på webben: https://www.webforum.nu/amne/javascript/169637-använder-ajax-för-att-lägga-till-en-ny-select-box