javascript - 使用 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