Создание элемента выбора и значение параметра с помощью Javascript

Question

Мне нужно создать форму с Javascript, чтобы обойти проблему CORS (что означает: я не могу отправить эту форму с помощью AJAX, потому что API, который я использую, не позволяет).

Однако у меня возникают проблемы с настройкой значения с помощью Javascript. Для меня не работает:

var form = document.createElement("form"); 

var formElement = document.createElement("select"); 
formElement.value = "foo"; 
formElement.id = "bar"; 

form.appendChild(formElement); 

document.body.appendChild(form); 

см. jsbin.

Answer 1

select элементы имеют option элементы, чтобы пойти с ним:

var formElement = document.createElement("select"); 
var optionElement = document.createElement("option"); 

optionElement.value = "foo"; 
optionElement.text = "foo" 
optionElement.selected = true; 

formElement.appendChild(optionElement); 
formElement.id = "bar"; 

Демо: http://jsbin.com/tebasecahi/1/edit?html,js,output

Answer 2

Попробуйте использовать метод setAttribute вместо значения.

var form = document.createElement("form"); 
 

 
var formElement = document.createElement("select"); 
 
formElement.setAttribute('value', "foo"); 
 
formElement.id = "bar"; 
 

 
form.appendChild(formElement); 
 

 
document.body.appendChild(form);

Answer 3

Прежде всего, необходимо создать список выбора (прежде чем создавать варианты):

var selectList = document.createElement('select'); 

Затем добавить, что в форму:

form.appendChild(selectList); 

Затем вы можете создать опцию и добавить, что к selectList:

var option = document.createElement("option"); 
option.value = 'foo'; 
option.id = 'bar'; 
option.selected = true; 
option.text = 'foobar'; 

Наконец, добавьте, что к selectList и затем формы к body

selectList.appendChild(option); 
document.body.appendChild(form); 

См. jsBin