使用選項從選擇填充表格

我有一個選擇與多個選項和下面的表單與一個空的文本輸入。我希望文本輸入可以隨時更改，但仍然是可更新的。可能嗎？使用選項從選擇填充表格

<select name="title" form="updating" onChange="document.getElementById('selectedValue').innerHTML = this.value;"> 
..... 
<form action="update.php" id="updating"> 
    Article Title:<br> 
    <input type="text" name="article_title" id=selectedValue> 
    <input type="submit" value="Submit"> 
</form>

來源

2015-09-27 DaggerJay11

希望你只從JavaScript或jQuery的也蠻好 – Mahadevan

凡要在下拉更新向下或在文本框中 – Mahadevan

@Mahadevan texbox – DaggerJay11

我希望這是你要找的。使用JQuery，您可以輕鬆使用「on change」功能。

$(document).ready(function() { 
 
    $('#mySelect').change(function() { 
 
    $('#myInput').val($(this).val()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select id="mySelect"> 
 
    <option value="Element 1">Element 1</option> 
 
    <option value="Element 2">Element 2</option> 
 
    <option value="Element 3">Element 3</option> 
 
</select> 
 
<br/> 
 
<input type="text" id="myInput" value="" />

如果你需要一些更具體的功能，請更與你的問題還具體

來源

2015-09-27 12:40:39 IlGala

看看這個片斷：' ' 但我建議您打開鏈接並將此遠程文件保存爲一個本地文件。 – IlGala

知道了！非常感謝你，我正在尋找什麼！ – DaggerJay11

所以簽名爲正確答案:) – IlGala

檢查Link

您可以將</head>結束前使用jQuery的CDN標籤

這裏是cdn LINK

來源

2015-09-27 12:52:14 Mahadevan

使用選項從選擇填充表格

回答

相關問題