我试图根据用户从下拉菜单中选择一个值来更改文本输入的值.我使用以下工具,
<script type="text/javascript"> $(document).ready(function() { $("#name").live("change",function() { $("#firstname").val($(this).find("option:selected").attr("value")); }) }); </script> <select id="name" name="name"> <option value="">Please select...</option> <option value="Elvis">Elvis</option> <option value="Frank">Frank</option> <option value="Jim">Jim</option> </select> <input type="text" id="firstname" name="firstname" value="" readonly="readonly">
这一切都很好.我现在想要实现的是,如果用户希望编辑他们的选择,则在用户重新访问表单时默认显示预选项目.目前,select只是默认为’Please Select …’.无论如何,他们强制select在页面加载时显示文本输入的值?
谢谢
克里斯
解决方法
尝试这个,
$(document).ready(function() { $("#name option").filter(function() { return $(this).val() == $("#firstname").val(); }).attr('selected',true); $("#name").live("change",function() { $("#firstname").val($(this).find("option:selected").attr("value")); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> <select id="name" name="name"> <option value="">Please select...</option> <option value="Elvis">Elvis</option> <option value="Frank">Frank</option> <option value="Jim">Jim</option> </select> <input type="text" id="firstname" name="firstname" value="Elvis" readonly="readonly">
原文地址:https://www.jb51.cc/jquery/181095.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。