Question

我需要帮助，我是html的新手..

在从下拉菜单中选择选项时，我希望html将值放在word中。例如当我选择＆＃34; 1＆＃34;从下拉，它必须显示＆＃34;一个＆＃34; 当我选择＆＃34; 2＆＃39;从下拉列表中，它必须显示＆＃34;两个＆＃34;

怎么做？

<HTML>
<Table border=10>

<TR>
<TD>Select Number</TD>
<TD><Select>
<option>1</option>
<option>2</option>
<option>3</option>
</Select></TD>
</TR>

<tr>
<td>In Words</td>
<td><input type="text" readonly></td>
</tr>

</Table>
</HTML>

请制作一个剧本并告诉我......

Answer 1

如果我理解了你想要的内容，那么你需要一些javascript才能找到你选择的内容，然后选择＆＃39;字符串＆＃39;并将其推入元素供用户查看。

这是一个工作示例。下次提问时尝试制作一个。欢迎来到Stack Overflow。

http://jsfiddle.net/sheriffderek/6vp5Lskn/

HTML

<select name='my_select' id='my_select'>

    <option value='1'>Option 1</option>
    <option value='2'>Option 2</option>
    <option value='3'>Option 3</option>
    <option value='4'>Option 4</option>
    <option value='5'>Option 5</option>

</select>

<div id="outcome">
    You have selected: <span></span>
</div>

javascript（jQuery）

var selectedOption; // define this variable

// when the select is changed...
$('#my_select').on('change', function() {
    // get the option that was selected
    selectedOption = $( "#my_select option:selected" ).text();
    // put the option in the place you want it
    $('#outcome span').html(selectedOption);
});

Answer 2

非jQuery解决方案：

首先，提供您的选择标记和输入标记ID以及您的选项值（值=＆＃34;＆＃34;）。然后在select-tag中添加一个onchange =＆＃34;＆＃34; -listener，并创建一个执行您想要执行的操作的函数（即检查所选值并在输入字段中显示它），如下所示：

＆＃13;

function showValue() {
    var x = document.getElementById("mySelect").value;
    document.getElementById("mySelection").value = "You selected: " + x;
}

＆＃13;

<Table border=10>
<tr>
    <td>Select Number</td>
    <td><Select onchange="showValue()" id="mySelect">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    </Select></td>
</tr>

<tr>
    <td>In Words</td>
    <td><input type="text" id="mySelection"></td>
</tr>

</Table>

＆＃13;

下拉框 - onchange和onselect

2 个答案:

HTML

javascript（jQuery）