Question

JavaScript的：

$(function(){
    $('#userID').change(function(){
        $('#username').val($('#userID option:selected').data('username'));
    });
});

HTML：

<select class="form-control" name="nip" id="userID">
    <option value='1' data-username='user_id'>1</option>
    <option value='2' data-username='user_id'>2</option>
    <option value='3' data-username='user_id'>3</option>
</select>
<input type="text" name="name" id="username">

如果我先选择数据，此代码可以将选定的值从下拉列表中获取到文本框中。

我的问题是，在从下拉列表中选择数据之前如何在文本框中显示数据？

感谢。

Answer 1

没有鼠标或键盘事件触发选项元素。有关选项中可用事件的信息，请参阅msdn文档：

http://msdn.microsoft.com/en-us/library/ms535877(VS.85).aspx

在此链接中，您可以看到解决问题的另一种方法：

Html Select box options on Hover?

在从下拉列表中选择之前在文本框中显示值

1 个答案: