[英]Javascript to copy text from select field to text field
我正在尝试将值从选择字段复制到文本字段
我遇到了这个
但是,当我使用以下内容创建测试页无法正常工作时,显然我把它放错了:(
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="//code.jquery.com/jquery-compat-git.js"></script>
<title>Test copy select</title>
<script type='text/javascript'>
$('select').change(function(){
$('input[type=name]').val($('option:selected',this).text());
$('input[type=price]').val($(this).val());
});
</script>
</head>
<body>
<form>
<select>
<option value="10">Apple</option>
<option value="20">Orange</option>
</select>
<input type="name" />
<input type="price" />
</form>
</body>
</html>
我该如何解决?
谢谢
将您的JavaScript包装在$(document).ready()
:
$(document).ready(function() {
$('select').change(function(){
$('input[type=name]').val($('option:selected',this).text());
$('input[type=price]').val($(this).val());
});
});
有关更多说明,请参见此帖子 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.