从表单中获取数据,然后更改单词(如果出现)并打印结果

时间:2012-11-19 08:00:33

标签: javascript html forms

所以我有这样的表格:

<form action="/my-handling-form-page" method="post">

    <div>
        <label for="name">Text:</label>
        <input type="text" id="data" />
    </div>

    <div class="button">
        <button type="submit">Input</button>
    </div>

</form>

我想要做的是获取已提交的数据,然后如果提交的文本中有“好”字样,我需要将其更改为“好”,然后将其打印在相同或不同的位置页。如果有人可以用javascript帮助我做这件事,那就太好了。

2 个答案:

答案 0 :(得分:0)

尝试这样的事情:http://jsfiddle.net/29kKX/9/

  <div>
        <label for="name">Text:</label> 
        <input type="text" id="data" value="good"/> 
  </div> 
    <div class="button"> 
        <button id="submit" onclick="replaceWord()">Submit</button>
   </div>
<script type="text/javascript">
function replaceWord(){
    var dataElem = document.getElementById("data");
    var data = dataElem.value
    data = data.replace("good", "great");
    dataElem.value=data;
    return false;
}
</script>​

希望这有帮助。

答案 1 :(得分:-1)

<script type="text/javascript">
function fnc()
{
    data=document.getElementById("data").value;
    if(data=='good')
    {document.getElementById("data").value='great';
    alert(document.getElementById("data").value);}
    return true;
}
</script>
<form action="/my-handling-form-page" method="post" onsubmit="return fnc()">