在我的模板中,我有一个输入字段:
<input class="form-control input-sm" id="WCPO_Pesquisa" name="WCPO_Pesquisa" onchange="myFunction()" tabindex="2" type="text" value="">
按钮:
<button type="button" id="btn1" class="btn btn-sm green-seagreen tooltips" data-container="body" data-placement="bottom" data-original-title="Executa a Pesquisa na Base de Dados" tabindex="3" >
<a class="textobranco semtextdecoration" href="{{ url_for('EW_MP_0060_reunioes.Busca_Registro_0060', WCodigoChaveP = 'myFunction()' ) }}" hreflang="pt-br">
<i class="glyphicon glyphicon-zoom-in"></i>
Exec.
</a>
</button>
一个剧本:
<script>
function myFunction() {
var x;
//Get the value of input field with id="WCPO_Pesquisa"
x = document.getElementById("WCPO_Pesquisa").value;
document.getElementById("resultado").innerHTML = x;
return x;
}
</script>
当用户点击按钮但我不知道如何时,我需要将输入字段的值返回到我的视图。
值必须分配给WCodigoChaveP作为参数传递给我的视图。
我添加了一个:
<p id="resultado">
元素到我的表单然后添加:
document.getElementById("resultado").innerHTML = x;
对脚本进行测试。它的工作。无论我在输入字段中输入什么,我都会在p元素上看到。
正如你所看到的,我是这一切的新手。
感谢您的帮助。
答案 0 :(得分:0)
简单的问题概念。
<强> HTML 强>
<input id="WCPO_Pesquisa" type="text" value="" >
<button id="go">GO!</button>
<p id="resultado"></p>
<强> JS 强>
$("#go").click(function() {
var x;
x = document.getElementById("WCPO_Pesquisa").value;
document.getElementById("resultado").innerHTML = x;
});
修改强>
<强> DEMO 1 - using form tags 强>