我正在关注 http://jsfiddle.net/ubrcq/ 中的示例
但我似乎无法得到它。下面是我的代码
<html>
<head>
<script type="text/javascript">
$('#hours').change(function() {
$('#hours_text').val( this.value );
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<select name="hours" id="hours" class="time">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
</select>
<input type="text" id="hours_text" name="hours_text" value="01">
</body>
</html>
最佳答案
您的问题是您的脚本位于文档的 header 部分,并且在 dom 准备就绪之前正在运行。结果,$('#hours')
没有选择任何内容,因此没有连接任何事件处理程序。
将该代码包装在 document.ready 处理程序中:
$(function(){
$('#hours').change(function() {
$('#hours_text').val( this.value );
});
});
或者,您可以将整个脚本移动到文档正文的最后,使其在处理正文并可用后进行解析。
关于javascript - 将下拉列表中的选定值填充到文本框中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10908310/