单击按钮时如何返回输入字段的值?

时间:2014-08-06 19:04:49

标签: javascript html flask-wtforms

在我的模板中,我有一个输入字段:

<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元素上看到。

正如你所看到的,我是这一切的新手。

感谢您的帮助。

1 个答案:

答案 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