如何通过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文本里面）？

回答

相关问题