如何從一個輸入返回一個字符串用jQuery和寫入到一個不同的HTML元素

我使用這個：如何從一個輸入返回一個字符串用jQuery和寫入到一個不同的HTML元素

var title = $('#input').val(); 
$('#titleset').click(function(){ 
    $('#title').html('<h1>' + title + '</h1>'); 
    alert(title); 
});

，試圖得到一個input框的值，然後在用戶點擊時按鈕#titleset，將輸入框中的值覆蓋到已存在的<h1>元素。我已經能夠獲得點擊以覆蓋<h1>元素，但title變量中沒有任何東西寫入元素。所以，我怎麼能夠從#input ID返回一個字符串，並將其寫入#title id，這將是一個<h1>元素

這裏是我的html

<h1 id="title">This Title Changes To What You Want It To Be</h1> 
<ul class="menu1"> 
    <li>menu one 
     <ul> 
      <li id='inputbox'><input type ="text" id="input"/></li> 
      <li id="titleset1"><input type="button" value="set title" id="titleset"/></li> 
     </ul> 
    </li> 
</ul>

來源

2012-11-30 user1865231

請發帖的html代碼以及 – Swarne27

何時輸入的值是什麼定義的？當此代碼執行時，#input輸入值是否未定義？你應該在點擊事件處理程序中進行快速檢查以測試標題中的值。我能夠讓你的代碼在這個例子中工作：http://jsfiddle.net/nickadeemus2002/wbq9A/沒有理解標題定義的上下文，沒有辦法來幫助你。 – chrisvillanueva

您需要點擊處理程序中訪問輸入的值：

$('#titleset').click(function(){ 
    var title = $('#input').val(); 
    $('#title').html('<h1>' + title + '</h1>'); 
    alert(title); 
});

來源

2012-11-30 04:58:46

非常感謝你 – user1865231

@ user1865231很高興能幫到你 –

你應該使用這樣的：

$('#titleset').click(function(){ 
    $('#title').html('<h1>' + $('#input').val()+ '</h1>'); 
    alert(title); 
});

來源

2012-11-30 05:02:49 KingViker

你能做到這樣，

jQuery代碼

<script language="javascript" type="text/javascript"> 
$(function(){ 
    $('#titleset').click(function(){ 
     $('h1').html($('#input').val()); 
    }); 
}); 
</script>

HTML代碼

<h1>hello</h1> 
<input name="" id="input" type="text" value="VALUE"/> 
<input name="titleset" id="titleset" type="button" value="CLICK"/>

來源

2012-11-30 05:02:55 Swarne27

非常感謝你 – user1865231

如果它幫助你，請選擇正確答案並點贊。 – Swarne27

這是太簡單了（只是三行代碼 ）。試試這個：

$('#titleset').click(function() { 
    $('#title').html($('#input').val()); 
});

來源

2012-11-30 06:47:08

如何從一個輸入返回一個字符串用jQuery和寫入到一個不同的HTML元素

回答

相關問題