div中的文本從表單獲取輸入

以下是我的div，我想知道如何從表單輸入讓我們從textfield'name'中說出並在下面的div中顯示輸入名稱而不是jhon，Kindly幫幫我！！div中的文本從表單獲取輸入

<div id='faix' class="bg4 w460 h430 tac poa dpn "> 
        <h4 class="fwb fs22 cf3 mb5 ff3 mt150 ">Thank you John for contacting us!</h4><h4 class="fwb fs22 cf3 mb5 ff3"> We will get in touch with you shortly.</h4> 
       </div>

來源

2012-04-22 Faizan Qadri

真的很難理解你wan't達到的目標。 – 2012-04-22 19:45:56

可能發佈你的問題相關的HTML將有助於 – DG3 2012-04-22 19:49:00

只是從窗體上輸入的名稱而不是'jhon'在上面的div有點像$（'＃name'）。val（）; – 2012-04-22 19:49:10

HTML：

<form id="myForm"> 
    <input id="name" name="name" value=""/> 
</form>

JS：

$("#myForm").submit(function(){ 
    $("#faix h4.mt150").empty().append("Thank you "+$("#name").val()+" for contacting us!"); 
    return false; 
})

演示：http://jsfiddle.net/BPXpb/1/

來源

2012-04-22 19:49:18 mgraph

你的代碼正在做它正確的只是一個問題，當我罷工輸入它改變了JHON ...我想當用戶點擊提交然後MEAssage與他在我的聯繫表格中提到的名稱一起出現... – 2012-04-22 19:56:39

@FaizanQadri看到更新的答案或者：http://jsfiddle.net/BPXpb/1/ – mgraph 2012-04-22 19:59:43

thanx很多........................ – 2012-04-22 20:29:02

見http://jsfiddle.net/wfAgb/

//get the name 
var Name = $('#name').val(); 
//replace John with the new name 
$('.mt150').text($('.mt150').text().replace('John', Name));

您可以帶來巨大的好處，使您可以直接更改名稱。

<h4 class="fwb fs22 cf3 mb5 ff3 mt150 ">Thank you <span id="formName">John</span> for contacting us!</h4>

然後做

var Name = $('#name').val(); 
$('#formName').text(Name);

來源

2012-04-22 19:55:09

div中的文本從表單獲取輸入

回答

相關問題