javascript - django ajax请求获取选定的索引

标签 javascript python html ajax django

我使用 django AJAX 请求从我的 django 表单中获取一些数据并使用此 manual 返回一些信息。 在本手册中,ajax 脚本使用更改功能从选择的 html 中获取数据并正确工作。

就我而言,我需要在用户访问此页面时首先从所选索引中获取数据,如果更改该选项,则需要更改功能。但我不知道该怎么做

html:

<select id="id_username">
<option>user1</option>
<option>user2</option>
<option>user3</option>
<option>user4</option>
<option>user5</option> 
</select>

其中某些被选择了几次

使用更改功能的ajax脚本:

$("#id_username").change(function () {
  var id_user'= $("#id_username").val();
  var form = $(this).closest("form");
  $.ajax({
    url: form.attr("data-validate-username-url"),
    data: {'id_user': id_user},
    dataType: 'json',
    success: function (data) {
     $('#info_user_1').text(data.user);
      }
    }
  });
});

JavaScript 获取所选索引:

var id_pel = $('#id_username').find(":selected").text();
console.log(id_pel);

最佳答案

请更具体地说明您的问题。顺便说一句,此代码将不起作用,因为 select 的选择器 id 是 select_form 并且在 javascript 中您使用 id_username 作为选择器。

关于javascript - django ajax请求获取选定的索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55524632/

相关文章:

javascript - 队列不会切换到不同的元素

javascript - Socket.io:手动连接到 namespace 和从 namespace 断开连接

python - 对象作为 Django 中的 session 值

html - 如果用户已登录则隐藏 HTML 内容

javascript - 折叠和展开 onScroll

javascript - 无法跨一对多查询属性 NestJS 和 TypeORM

python - 为什么 C 程序需要反编译器而 python 程序不需要?

python - 如何调用在当前 func(class) 之后定义的一个 func(class) ? Python

javascript - href:链接回上一页上的某个类

html - 自动图像调整大小编码 html/css