如何使用字符串化文本和值來將選擇元素中的所有選項發佈？

有一個select元素具有動態創建的選項。我想通過ajax等發佈這些選項的文本值對...如何使用字符串化文本和值來將選擇元素中的所有選項發佈？

是否有可能使它們串化爲文本值對？或者沒有字符串文本 - 值對的任何建議。謝謝。

2013-04-05 caglaror

謝謝@nnnnnn Arun P Johny回答得很好。之前沒有真正的書面代碼。良好的編碼。 – caglaror 2013-04-05 09:02:26

使用這個，如果你不具備的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

來源

2013-04-05 08:15:55

謝謝@Arun P Johny，我錯過了從選項中創建數組。我現在明白了。現在我要搜索使用php在服務器上獲取字符串化的數據。 – caglaror 2013-04-05 08:52:36

在GET請求，您可以發送他們以這種形式：

targetpage.php?option[key1]=value1&option[key2]=value2...

服務器應該將此理解爲鍵值數組。要獲得選項值，請使用Arun P Johny建議的代碼。

來源

2013-04-05 08:20:32

如何使用字符串化文本和值來將選擇元素中的所有選項發佈？

回答

相關問題