我的表格中有一个选择:
<div class="input-field" id="users-select-div">
<form id="users_load" action="/loadusergroup">
<select id="usersgroup">
<option value="" disabled selected>Choose a connection</option>
</select>
<button type="submit" class="waves-effect waves-light btn">Find All</button>
</form>
</div>
然后使用 jQuery 生成其他选项:
$("#users-select-div select").html(`
<option value="" disabled selected>Choose a user</option>
{% for user in users %}
<option value='{{ user.uuid }}'>{{ user.name }} - {{ connection.map_name }}</option>
{% endfor %}
`
)
然后用 jQuery 得到这个表单:
$("#users_load").submit(function(event){
event.preventDefault();
submit_to_modal(
{
'user_uuid': $("#usersgroup").val(),
},
$(this).attr('action'),
'put'
)
})
我已经尝试了一些技巧:
- 使用隐藏
input element
然后将选择值分配给它,然后通过它的 id 获取该输入值。 - 尝试外部级别的 id 名称,例如 (
#users-select-div select
)
但我仍然得到一个空字符串。我没有收到任何错误,我已经尝试过跟踪,但我在获取价值的方式上找不到任何奇怪的地方