用javascript追加选择选项

我目前有一个空的下拉列表，我想用我使用javascript从数据库中获得的一些数据填充该列表。
我真的不知道怎么做，所以现在我正在尝试这个。
Javascript和JQuery

for (var i=0;i<data.length;i++)
  {
  var code$=data[i].String1;
  var desc$=data[i].Code_Description;
  var str$=$('<option value='+code$+'>'+desc$+'</option>');
  option$.append(str$);
  }
   $('#offCode').html(option$); 

但这些都不管用

感谢您将选项元素直接添加到

您无法从代码段中分辨出

选项$

是什么，但是

附加

将参数作为子元素插入。似乎您正在将所有选项添加到元素，然后将该元素添加到select，这将不起作用。

$（“任意文本”）.appendTo（$（'select'）；
$("<option value='abc'>Whatever Text</option>").appendTo($('select'));

尝试使用以下方法：

for (var i=0;i<data.length;i++) {
      var code$=data[i].String1;
      var desc$=data[i].Code_Description;
      $('<option value='+code$+'>'+desc$+'</option>').appendTo($('#idOfSelectElement'));
}

---

for（var i=0；i下面的解决方案是基于您的问题中提供的信息而制定的。由于未披露您的全部代码范围，某些项目可能不适用。因此，解决方案略有修改，但您应该能够轻松地修改它以满足您的需要

HTML:




您的选择框选项代码：

JavaScript:

var data = {"info":[{"String1":"string-value1","Code_Description":"description1"},{"String1":"string-value2","Code_Description":"description2"},{"String1":"string-value3","Code_Description":"description3"},{"String1":"string-value4","Code_Description":"description4"}]};

data = data.info;

for (var i=0;i<data.length;i++){
    var e = data[i];
    var code = e.String1;   
    var desc = e.Code_Description;   
    var str =('<option value="'+code+'">'+desc+'</option>');
    $("select").append(str); 
} 

$("#code").text($("select").html());

var data={“info”：[{“String1”：“string-value1”，“code\u Description”：“description1”}，{“String1”：“string-value2”，“code\u Description”：“description2”}，{“String1”：“description3”}，{“String1”：“string-value4”，“code\u Description”：“description4”}；
data=data.info；
对于（var i=0；我不知道
选项$
和
数据
是什么，所以很难回答。你需要发布更多的代码和HTMLOption$是什么类型的变量？完全使用php，而不是js。如果在客户端动态添加选项，则无法使用php执行此操作。。。
<select></select>
<br />
<h1>Your select box options code:</h1>
<div id="code"></div>

var data = {"info":[{"String1":"string-value1","Code_Description":"description1"},{"String1":"string-value2","Code_Description":"description2"},{"String1":"string-value3","Code_Description":"description3"},{"String1":"string-value4","Code_Description":"description4"}]};

data = data.info;

for (var i=0;i<data.length;i++){
    var e = data[i];
    var code = e.String1;   
    var desc = e.Code_Description;   
    var str =('<option value="'+code+'">'+desc+'</option>');
    $("select").append(str); 
} 

$("#code").text($("select").html());