如何在form.serialize中獲取下拉的值和文本？

Question

在我的項目中，我想要表單的序列化數據，但對於下拉列表，它只給出這些值不是所選下拉值的文本。

<select name='attend'> 
    <option value="1" selected="selected">Question</option> 
    <option value="2">Attending</option> 
    <option value="3">not-attending</option> 
</select> 

這裏它給出了= 1。我還希望那個選擇的選項是「問題」的文本。

Answer 1

serialize()將僅檢索元素的name和value屬性。

要做到你需要什麼，你可以使用serialize()爲正常，則選定選項的文本追加到它：

var data = $('form').serialize() + '&attendText=' + $('select option:selected').text(); 
 

 
console.log(data);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <select name='attend'> 
 
    <option value="1" selected="selected">Question</option> 
 
    <option value="2">Attending</option> 
 
    <option value="3">not-attending</option> 
 
</select> 
 
</form>

如果你想使用serializeArray()你需要push()的數據生成對象，如下所示：

var data = $('form').serializeArray(); 
 
data.push({ 
 
    name: 'attendText', 
 
    value: $('select option:selected').text() 
 
}); 
 

 
console.log(data);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <select name='attend'> 
 
    <option value="1" selected="selected">Question</option> 
 
    <option value="2">Attending</option> 
 
    <option value="3">not-attending</option> 
 
</select> 
 
</form>