使用 POST 方法从后端的 HTML 访问输入标签值
accessing input tag values from html in backend using post method
大家好,我是HTML和JavaScript的新手。 我的应用程序是从后端的列表列表中创建一个表,在动态创建它们之后(因为列表的长度未知) 我需要在 Python 后端访问表的一些特定值,当我尝试这样做时,我能够在后端获取值, 但该值不是所需的值。它返回的值是该表的最后一个元素。
下面给出的是我的代码
{% for result in list1 %}
<tr id="tr_id">
<form id="listOfSearch{{result.0}}" name="listOfSearch" method="post" action="/fetch_candid/">
<form id="listOfSearch{{result.0}}" name="listOfSearch" method="post" action = "/fetch_candid/">
<td>
<a href="#" onclick="document.forms['listOfSearch{{result.0}}'].submit();">{{result.0}}
<input name="uniqID" value="{{result.0}}" id="IdField" type="hidden" >
</a></td>
<input name="save" value="0" type="hidden">
<input name="listresult" value="{{list1}}" type="hidden">
<input type="hidden" id="statusofresume123" name="statusofresume123" value="{{sres}}">
<input type="hidden" id="Client1" name="Client1" value="{{client}}">
<input type="hidden" id="ReqId1" name="ReqId1" value="{{reqid}}">
<input type="hidden" id="only_skills" name="only_skills" value="{{only_skills}}">
<input type="hidden" id="mbno" name="mbno" value="{{mbno}}">
<input type="hidden" id="ReqId" name="ReqId" value="{{reqid4}}">
<input type="hidden" id="Client" name="Client" value="{{client2}}">
<input type="hidden" id="Name" name="Name" value="{{Name}}">
<input type="hidden" id="datepicker" name="datepicker" value="{{Date1}}">
<input type="hidden" id="datepicker1" name="datepicker1" value="{{Date2}}">
<!-- <form id="listOfSearch{{result.0}}" name="listOfSearch" method="post" action="/fetch_candid/"> -->
<td style="padding:5px; width:50px;">
<select style="padding:5px; width:102%;" onchange="savestate({{result.0}});" class="select11" id="status8" name="status8" title="Choose Status">
<option id="status8" name="status8" >{{result.1}}</option>
{% if result.1 == "HR_Interview" %}
<option id="status8" name="status8">COL</option>
{% elif result.1 == "Internal_Interview" %}
<option id="status8" name="status8">HR_Interview</option>
<option id="status8" name="status8">COL</option>
{% elif result.1 == "COL" %}
<option id="status8" name="status8">CS</option>
{% elif result.1 == "CI" %}
<option id="status8" name="status8">CIS</option>
{% elif result.1 == "CIS" %}
<option id="status8" name="status8">Joining</option>
{% elif result.1 == "CS" %}
<option id="status8" name="status8">CI</option>
{% elif result.1 == "Line_up" %}
<option id="status8" name="status8">Internal_Interview</option>
<option id="status8" name="status8">HR_Interview</option>
<option id="status8" name="status8">COL</option>
{% endif %}
</select>
<input class="css_save1" type="submit" name="save" value="Save" onclick = "function9(this);">
<input type="hidden" id="name" name="name" value={{name}}>
<input name="uniqID1" value="{{result.0}}" id="IdField" type="hidden" >
<input type="hidden" id="name" name="name" value={{name}}>
</td>
<!-- </form> -->
<td class="reqid1">{{result.2}}</td>
<td>
{{result.3}}
<input name="Client18" id="Client18" type="hidden" value="{{result.3}}">
</td>
<td>
{{result.4}}
<input name="name18" id="name18" type="hidden" value="{{result.4}}">
</td>
<td>{{result.5}}</td>
<td>{{result.6}}</td>
<td>{{result.7}}</td>
<td>{{result.8}}</td>
<td>{{result.9}}</td>
<td>{{result.10}}</td>
<td>{{result.11}}</td>
<td>{{result.12}}</td>
<td>{{result.13}}</td>
<td>{{result.14}}</td>
<td>{{result.15}}</td>
<td>{{result.16}}</td>
<td>{{result.17}}</td>
<input type="hidden" id="name" name="name" value={{name}}>
</form>
<script>
function function9(x)
{
var id = $(x).closest("tr").find('td:eq(1)').find("#status8 option:selected").text();
var Client18 = $(x).closest("tr").find('td:eq(3)').text();
var name18 = $(x).closest("tr").find('td:eq(4)').text();
console.log("fetched value>>>",id,Client18,name18);
if (id == "COL")
{
var r=confirm("Do you want to generate COL NOW ?");
if (r == true)
{
alert("before");
document.getElementById("listOfSearch{{result.0}}").action ="/hrpage/";
document.getElementById("listOfSearch{{result.0}}").method = 'POST';
document.getElementById("listOfSearch{{result.0}}").submit();
alert("after");
}
else
{
document.getElementById("listOfSearch{{result.0}}").submit();
}
}
else
{
document.getElementById("listOfSearch{{result.0}}").submit();
}
<!-- return response; -->
}
</script>
这是一个 Django 应用程序 我的应用程序是当我按下每行中形成的保存按钮时,我需要获取该特定行的客户端名称和候选名称请帮我解决这个问题
我会尽力帮助你。首先,我在您的代码中看到两个标签,但您只关闭了一个。这是不对的。
我要做的是将表单放在表之外,并使用两个隐藏的输入并用javascript代码填充它。将每行中的客户端和名称传递给 javascript 函数:
function9( '{{client}}', '{{name}}' );
该函数只需使用 jQuery 将客户端和名称值设置为隐藏输入,并调用提交表单。
可以使用浏览器开发人员工具 (F12) 查看正在向服务器发送的参数。
祝你好运。
相关文章:
- 访问代码生成的输入元素上的keyup事件
- 访问javascript文件输入变量的值
- 如果我用javascript隐藏了一个文本输入元素,那么其他javascript函数仍然可以访问输入到其中的值
- 使用 JavaScript 访问输入名称数组
- 使用 ReactJs 从元素访问输入值
- 使用 POST 方法从后端的 HTML 访问输入标签值
- 通过 javascript 中的输入名称访问输入元素
- 咖啡脚本访问输入值
- 无法't使用jquery选择器访问输入
- 需要使用php访问输入到表单中的数据,然后将其发送到同一页面上的javascript,而无需重新加载
- 通过点击或回车键访问输入值
- 访问输入字段不工作
- 最简单的使用jQuery的方法,通过一个标签jQuery对象来访问输入
- 如何访问输入元素的HTML
- 使用jquery通过id访问输入字段的值
- 如何在JavaScript的context promise的then块中访问输入值?
- Php错误显示,而访问输入类型=文件使用jquery/ajax方法
- 如何通过封装在指令中的angularjs表单集合来访问输入元素
- 在Angular2/Typescript中不使用ngModel访问输入字段值
- 无法使用document.getElementById访问输入字段中的值