Question

我有一个列表框，一个文本框和一个html格式的按钮。

当用户从列表框中选择一个值并按下按钮时，

列表框会显示一些值。应将选定的值复制到文本框值。

任何人都可以给我一个html和javascript代码来完成这个工具。

感谢

Answer 1

<input type="button" onClick="copy()" value="Copy"/>


function copy(){
 document.getElementById("textBoxId").value = document.getElementById("selectBoxId").value
}

Answer 2

使用Javascript：

function copyToTextBox() {
  document.getElementById('textbox').value = document.getElementById('listbox').value;
}

点击按钮，执行onclick="copyToTextBox()"

等操作

Answer 3

Working jsFiddle Demo

考虑以下标记：

<select id="myselect">
    <option>Apple</option>
    <option>Banana</option>
    <option>Kiwi</option>
    <option>Orange</option>
</select>

<input type="text" id="mytext" />

<input type="button" id="mybutton" value="Copy" />

在你的JavaScript中：

window.onload = function () {
    // get necessary elements on the page
    var mybutton = document.getElementById('mybutton');
    var myselect = document.getElementById('myselect');
    var mytext = document.getElementById('mytext');

    // whenever use click on the button
    mybutton.onclick = function () {
        // get current value of drop down
        var text = myselect.options[myselect.selectedIndex].value;

        // set it to the textbox
        mytext.value = text;
    };
};

Answer 4

<html>
<head>
<title> Example</title>
<script>
function showSelection()
{
  document.frm.tf.value = document.frm.list.value;
}
</script>
<body>
<form name='frm'>
  <select name="list">
   <option name="o1"> Option 1</option>
  </select>
  <input type=text name="tf" />
  <input type=button name="btn" onclick="showSelection()" />
</form>
</body>
</html>

如何将列表框的选定值复制到html格式的文本框中

4 个答案: