繁体   English   中英

如何使用JQuery将html选项文本作为select标记的值传递到php $ _post中

[英]How to pass html option text as a value for select tag into php $_post using JQuery

我有以下选择标记,其中它的选项标记是由php动态生成的:

<select  class="form-control "  name="list" id="list" onchange="" >
   <!-- option tags are dynamically generated-->    
</select>

以下是一些将动态生成的示例选项:

<option value="1">Item-1</option>
<option value="2">Item-2</option>
<option value="3">Item-3</option>

当我使用var_dump($_POST)我得到了array (size=1) 'list' => string '1'用于选择选项Item-1 。但是我想传递诸如'list' => string 'Item-1'这样'list' => string 'Item-1'选项文本'list' => string 'Item-1'$_POST 。此外,我需要原始选项值。我尝试使用此Ajax但不起作用:

$("#list").val(this.options[this.selectedIndex].text);

所以我需要以正确的方式来做ajax。谢谢

您可以简单地将选项值设置为要接收的文本:

<option value="Item-1">Item-1</option>
<option value="Item-2">Item-2</option>
<option value="Item-3">Item-3</option>

或者,您可以获取选项文本和值,如下所示:

var optionText = $("#list option:selected").text();
var optionValue = $("#list").val();

然后通过jQuery.ajax()请求将其发送到服务器:

$.ajax({
  method: "POST",
  url: "yourFile.php",
  data: { text: optionText , val: optionValue }
})
  .done(function( result ) {
      // handle the result
  });

yourFile.php您将获得以下$_POST数据:

array(
   'text' => 'selected option text',
   'val' => 'selected option value',
)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM