如何通過ajax發送選擇選項下拉選項的值（而不是HTML文本里面）？

-1

我正在創建一個需要使用Ajax（JQuery）發送發佈數據的頁面。如何通過ajax發送選擇選項下拉選項的值（而不是HTML文本里面）？

的（最相關）HTML代碼如下：

<div class="command-list"> 
    <form action="app_page.php" method="post"> 
    <select name="TYPE" class="form-control"> 
     <option vaule="VALUE 1">DISPLAYED TEXT 1</option> 
     <option vaule="VALUE 2">DISPLAYED TEXT 2</option> 
    </select> 
    <input type="button" class="ibtnSave" value="Salvar"> 
    </form> 
</div>

jQuery的正在使用發送形式的數據的功能是：

$(document).ready(function() { 
    $(".command-list").on("click", ".ibtnSave", function (event) { 
     var tosave = $(this).closest("form"); // Gets the form that the button belongs to 
     var r = $.post('app_page.php', tosave.serialize()); // Sends the form data via POST to my application page 
});

在服務器側（PHP應用程序），當POST數據被回收時，如通過html發送的正常形式所期望的那樣，接收到的值是'DISPLAYED TEXT 1'或'DISPLAYED TEXT 2'而不是'VALUE 1'或'VALUE 2'。

如何只發送值內的數據屬性而不是顯示在選項標籤之間的文本？

彙總：發送

當前數據：TYPE =顯示的文本1

我真的想送：TYPE = VALUE 1

編輯

狀態：問題解決

我在我的HTML代碼上拼錯了'value'屬性。在上面的代碼中，它表示'價值'而不是'價值'。

謝謝。

來源

2017-07-23 SAM_XPS

_「我真的想發送的內容：TYPE = VALUE 1」_' TYPE = VALUE 1' should submit to server – guest271314

錯字：

<option vaule="VALUE 1">DISPLAYED TEXT 1</option> 
     ^^^ should be value

如果期權沒有價值（在你的情況下，由於錯字），顯示的文本來代替。

來源

2017-07-23 20:26:41

如何通過ajax發送選擇選項下拉選項的值（而不是HTML文本里面）？

回答

相關問題