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))

デモ:フィドル

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))

デモ:フィドル