javascript - 如何通过字符串化文本和值来发布选择元素中的所有选项？

Question

有一个 select 元素，其中包含动态创建的选项。我想通过 ajax 等发布这些选项文本值对...

是否可以将它们字符串化为文本值对？或任何不字符串化文本值对的建议。 谢谢。

Answer 1

如果您没有 jQuery，请使用它

function getSelectOptions(id){
    var select = document.getElementById('x');
    var obj = {};
    for(var i=0; i< select.options.length; i++){
        var option = select.options[i];
        obj[option.value] = option.innerHTML;
    }
    return obj;    
}
var opts = getSelectOptions('x');
console.log(opts, JSON.stringify(opts))

演示:Fiddle

使用 jQuery

function getSelectOptions(id){
    var select = $('#' + id);
    var obj = {};
    $('option', select).each(function(i, v){
        var $this = $(this);
        obj[$this.val()] = $this.text();
    });
    return obj;    
}
var opts = getSelectOptions('x');
console.log(opts, JSON.stringify(opts))

演示:Fiddle