Question

我有一种情况，即我希望下拉框中的选定数据显示在它下面的一个表单（类型为text）中，并且应该是readonly。（使用html / javascript）。我无法做到这一点，因为我是这方面的先驱希望回应

Answer 1

以下是使用下拉菜单中的输入动态更改一个表单框的非jquery方法的草图。

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <script type="text/javascript">
            function optionCallBack (arg) {
                var currentOption = arg.options[arg.selectedIndex].text;
                document.getElementById('changeForm').value = currentOption;
            }
        </script>
    </head>
    <body>
        <select onclick="optionCallBack(this)" id='getForm'>
          <option>asia</option>
          <option>africa</option>
          <option>america</option>
          <option>europe</option>
        </select>
        <form>
            <input value='europe' name='changeForm' id='changeForm'></input>
        </form>
    </body>
</html>

Answer 2

首先，您需要一个如下所示的选择列表（请注意onchange事件处理程序）

<select onchange="fillTextBox(this)" id='mySelectList'>
    <option>A</option>
    <option>B</option>
    <option>C</option>
    <option>D</option>
</select>

您还需要一个文本框（让我们给它一个Id myTextBox）

<input value='' name='' id='myTextBox'></input>

fillTextBox函数

需要以下脚本

function fillTextBox(obj) {
    var sel = obj.value;
    document.getElementById('myTextBox').value = sel;   
}

从表格中的下拉框中选择显示为只读

2 个答案: