Javascript 将dropdownlist中的选定值填充到文本框中_Javascript

Javascript 将dropdownlist中的选定值填充到文本框中

javascript

Javascript 将dropdownlist中的选定值填充到文本框中,javascript,Javascript,我正在遵循但是我好像起不来了。下面是我的代码 <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-

我正在遵循
但是我好像起不来了。下面是我的代码

<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>


$（'#小时'）。更改（函数（）{
$（'#hours_text'）.val（this.value）；
});
01
02
03
04
05
06

您的问题是，您的脚本位于文档的标题部分，并且在dom准备就绪之前正在运行。因此，

$（'#hours'）

没有选择任何内容，因此没有连接任何事件处理程序

将该代码包装到document.ready处理程序中：

$(function(){
   $('#hours').change(function() {
      $('#hours_text').val( this.value );
   });
});

或者，您可以将整个脚本移动到文档正文的最末端，使其在正文处理完毕并可用后被解析。

将代码放入document.ready函数中

 $(document).ready(function () {
  $('#hours').change(function() {
   $('#hours_text').val( $(this).val() );
 });
});

您必须为它包含一个jQuery

<html><head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>

  <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.js"></script>
  <link rel="stylesheet" type="text/css" href="/css/normalize.css">


  <link rel="stylesheet" type="text/css" href="/css/result-light.css">

  <style type="text/css">

  </style>



<script type="text/javascript">//<![CDATA[ 
$(function(){
$('#hours').change(function() {
    $('#hours_text').val( this.value );
});
});//]]>  

</script>


</head>
<body cz-shortcut-listen="true">
  <select name="hours" id="hours" class="time">
    <option value="01" selected="">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>


-JSFIDLE演示
//  
01
02
03
04
05
06

您是否引用了jquery文件，并在文档中编写了更改方法调用。准备好了吗？这是您的代码，工作正常。Errr。。您的问题是什么？请将脚本放在输入标记之后。如果问题已解决，请接受一个已接受的解决方案…是

$（function（）{

是

$（document）的快捷方式。准备好了吗？

？我以前没有见过这种用法。如果是，请整洁。