Question

这是我的选择，我想使用下面的jquery代码来读取动态选择ID的选定选项。

<select class="involved" data-id="<?= $id; ?>" id="involved_id<?= $id; ?>" name="involved_id<?= $id; ?>">
<option value="0"> select </option>.....
</select>

这是选择后运行php脚本的jquery。我试图通过$("select.involved"+id)和$("select.involved").attr("data-id")来传递ID，但它无法正常工作

var id = $(this).attr("data-id");
$("select.involved").change(function(){
    var selectedInvolved = $(".involved option:selected").val();
    $.ajax({
        type: "POST",
        url: "process-request.php",
        data: { involved : selectedInvolved } 
        }).done(function(data){
            $("#response").html(data);
        });
});

这是php脚本打印数据的div。

<div class="response<?= $id; ?>" id="response">
</div>

Answer 1

在jQuery事件处理程序中，this包含事件的目标元素。因此，使用$(this).val()获取所选选项的值，使用$(this).data("id")获取其data-id属性的值。

id的作业必须在.change()函数内（尽管它不使用该变量，所以我不确定为什么需要它）。

＆＃13;

$("select.involved").change(function() {
  var selectedInvolved = $(this).val();
  var id = $(this).data("id");
  $.ajax({
    type: "POST",
    url: "process-request.php",
    data: {
      involved: selectedInvolved
    }
  }).done(function(data) {
    $("#response").html(data);
  });
});

＆＃13;

jquery使用select id获取动态选择的选定选项

1 个答案: