Javascript 选择更改选项

我有如下json数据：

[{
        "user_id": "113",
        "employe_first_name": "Asaladauangkitamakan",
        "employe_last_name": "Nasibb"
    }, {
        "user_id": "105",
        "employe_first_name": "Ryan",
        "employe_last_name": "Friday"
    }, {
        "user_id": "87",
        "employe_first_name ":"hendi ",
        "employe_last_name ":"kenther"
    }
]

如何使用javascript“创建”选择选项（选项

value=user\u id

，以及

text=employe\u first\u name

）在文档准备就绪时加载，并用所选值填充另一个字段

var data = [ {"user_id":"113","employe_first_name":"Asaladauangkitamakan","employe_last_name":"Nasibb"}, {"user_id":"105","employe_first_name":"Ryan","employe_last_name":"Friday"},   {"user_id":"87","employe_first_name":"hendi","employe_last_name":"kenther"} ];
var select = document.createElement("select");
    for(var i = 0; i < data.length; i++){
        var option = document.createElement("option");
        option.value = data[i].user_id;
        option.innerHTML = data[i].employe_first_name;
        select.appendChild(option);
    }

var data=[{“用户id”：“113”，“员工姓氏”：“Asaladauangkitamakan”，“员工姓氏”：“Nasibb”}，{“用户id”：“105”，“员工姓氏”：“Ryan”，“员工姓氏”：“Friday”}，{“用户id”：“87”，“员工姓氏”：“hendi”，“员工姓氏”：“kenther”}；
var select=document.createElement（“select”）；
对于（变量i=0；i

---

下面是

您可以通过这种方式使用jQuery

将selectId替换为下拉列表的id

 var jsonData = [{
        "user_id": "113",
        "employe_first_name": "Asaladauangkitamakan",
        "employe_last_name": "Nasibb"
    }, {
        "user_id": "105",
        "employe_first_name": "Ryan",
        "employe_last_name": "Friday"
    }, {
        "user_id": "87",
        "employe_first_name": "hendi ",
        "employe_last_name": "kenther"
    }
];
    var ctrlSelect = $("#selectId");
    $(jsonData).each(function() {
        $("<option value='" + this.user_id + "'>" + this.employe_first_name + "</option>").appendTo($(ctrlSelect));
    });

var jsonData=[{
“用户id”：“113”，
“雇员姓名”：“Asaladauangkitamakan”，
“雇员姓氏”：“Nasibb”
}, {
“用户id”：“105”，
“雇员姓名”：“Ryan”，
“雇员姓氏”：“星期五”
}, {
“用户id”：“87”，
“雇员姓名”：“亨迪”，
“雇员姓氏”：“肯特”
}
];
var ctrlSelect=$（“#selectId”）；
$（jsonData）.each（函数（）{
$（“”+this.employe_first_name+“”）。附加到（$（ctrlSelect））；
});

var data=[{“用户id”：“113”，“员工姓氏”：“Asaladauangkitamakan”，“员工姓氏”：“Nasibb”}，{“用户id”：“105”，“员工姓氏”：“Ryan”，“员工姓氏”：“Friday”}，{“用户id”：“87”，“员工姓氏”：“hendi”，“员工姓氏”：“kenther”}；
var select=document.createElement（“select”）；
对于（变量i=0；i

试试这样的方法

    //doing on dom ready
    var tid = setInterval( function () {
        if ( document.readyState !== 'complete' ) return;
        clearInterval( tid );       
        var json_len = json.length;
        var select = document.getElementById('select_id');
        for(var i=0;i<json_len;i++){
            var option = document.createElement('option');
            option.innerHTML = json[i].employe_first_name;
            option.value = json[i].user_id;
            select.appendChild(option);
        }
    }, 100 );

//在dom上做准备
var tid=setInterval（函数（）{
如果（document.readyState！=“complete”）返回；
净空时间间隔（tid）；
var json_len=json.length；
var select=document.getElementById（'select_id'）；
对于（var i=0；i您真的允许将元素的HTML提供给
document.createElement
？对不起！您是什么意思？我的意思是它应该是
document.createElement（“选项”）
，您不能放置
“
那里。我有select选项，我想用json数据填充，当select选项更改时，我想将值附加到另一个字段对不起！我对jquery有一些混淆。所以我刚刚更新了我的答案。请用JSFIDLE+1试试，但是
document.createTextNode
而不是
选项。innerHTML
很明显是谁说的d关于jQuery有什么吗？@sheajQuery不是一种不同的语言。它是一个javascript库。因此人们可以将jQuery用于任何javascript任务。这就是为什么这里的答案是相关的。
    //doing on dom ready
    var tid = setInterval( function () {
        if ( document.readyState !== 'complete' ) return;
        clearInterval( tid );       
        var json_len = json.length;
        var select = document.getElementById('select_id');
        for(var i=0;i<json_len;i++){
            var option = document.createElement('option');
            option.innerHTML = json[i].employe_first_name;
            option.value = json[i].user_id;
            select.appendChild(option);
        }
    }, 100 );