Question

我有问题需要帮助，我有一个表格有1个选择字段和1个文本字段，我想在选择文本字段的选项中选择值时会加载/显示值与选择值的比例，例如图片当我在选择字段中选择“B”时，文本字段中的值将显示为“1”，那么怎么做，我需要参考，指导或演示示例，感谢阅读我的主题。

这是图像

http://i1095.photobucket.com/albums/i472/OLAKEN91/gdf_zpsac464e04.jpg

代码：

<head>
<title>Untitled Document</title>
<style type="text/css">
</style>
</head>
<body>
    <center>
    <br />
    <form id="cv" action="" method="">
        Choose Option: <select id="chedo">
        <option>--Choose Value--</option>
        <option>A</option>
        <option>B</option>
        <option>C</option>
        </select>
        <br />
        <br />
        Value: <input type="text" id="lenh" size="40"/>
        <br />
        <br />
        <input type="submit" value="SUBMIT"/>
    </form>
    </center>
</body>
</html>

Answer 1

如果您使用jQuery，则可以使用.change()事件处理程序和.val()函数的组合。两者都与文档和示例相关联。

Answer 2

您可以使用javascript / jQuery来执行此操作。

$("#chedo").change(function(){
    var selected = $("#chedo").val();
    $("#lenh").val(selected);
});

更短的：

$("#chedo").change(function(){
    $("#lenh").val($(this).val());
});

此外，您的选项必须具有值：

<option value="0">A</option>
<option value="1">B</option>
<option value="2">C</option>

Answer 3

你最好的方法是使用jQuery

FIDDLE

$('#chedo').change(function () {
    $('#lenh').val($(this)[0].selectedIndex - 1);
})

在select中选择值时如何将值加载到文本字段

3 个答案: