[英]How to change textbox to textarea
我正在使用以下代碼從下拉列表到文本框選擇字體系列。 現在,我想使用textarea代替文本框。 我怎樣才能做到這一點?
<HTML>
<head>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function () {
$('select[name="font"]').on('change', function () {
$('input[name="text1"]').css('font-family', this.value);
});
});
</script>
</head>
<body>
Select Programming font:
<select name="font">
<option value="arial">arial black</option>
<option value="tohma">tahoma</option>
<option value="times new roman">times new roman</option>
<option value="calibri">calibri</option>
</select>
<br>EnterValue:
<input type="text" name="text1" value="Font Family">
</body>
</html>
我試過了
你可以改變:
<input type="text" name="text1" value="Font Family" />
至:
<textarea>Font Family</textarea>
然后使用:
$('textarea').css('font-family', this.value);
代替:
$('input[name="text1"]').css('font-family', this.value);
嘗試,
<textarea name="text1" id="text1">Font Family</textarea>
<input id="text-input" type="text" name="text1" value="Font Family">
var value = $('#text-input').val();
$('#text-input').replace('<textarea id="text-input" name="text1"></textarea >');
$('#text-input').val(value);
您可以使用replaceWith方法將輸入框更改為texarea,如下所示:
$('input[name="text1"]').replaceWith('<textarea />');
嘗試這樣的事情
function t2t( el ) {
var element = document.getElementById( el.id );
var parent = element.parentNode;
parent.removeChild( element );
parent.innerHTML = element.type == 'text' ? '<textarea id="' + element.id + '" cols=50 rows=5>' + element.value +'</textarea>' : '<input type="text" id="' + element.id + '" value="' + element.value + '" />';
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.