gpt4 book ai didi

javascript - 将下拉列表中的选定值填充到文本框中

转载 作者:行者123 更新时间:2023-11-29 10:50:37 25 4
gpt4 key购买 nike

我正在关注 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com