javascript - 使用Javascript创建选择元素并设置值

我需要使用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。

最佳答案

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