Question

我试图做这个jquery，所选的项目将显示在文本字段中，但它不起作用，如果在div中使用它代替输入文本使用div它可以正常工作但它不起作用以下代码为文本字段

 <html>
<head>
 <style>
  div {
   color: red;
   }
  </style>
   <script src="//code.jquery.com/jquery-1.10.2.js"></script>
   </head>
   <body>
   <select name="sweets" multiple="multiple">
   <option>Chocolate</option>
   <option selected="selected">Candy</option>
   <option>Taffy</option>
   <option selected="selected">Caramel</option>
   <option>Fudge</option>
   </select>
   <input type="text" name="fname">
   <script>
   $( "select" )
   .change(function () {
    var str = "";
   $( "select option:selected" ).each(function() {
   str += $( this ).text() + " ";
    });
    $( "fname" ).text( str );
    })
    .change();
   </script>
   </body>
   </html>

Answer 1

1）从<script src="//code.jquery.com/jquery-1.10.2.js"></script>

改变

到<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

2）将您的javascript代码放入

$(function({
  // your JS code
}));

3）从$( "fname" ).text( str );更改为$('input[name=fname').val(str);

<强> DEMO

Answer 2

为输入提供一个id属性，并使用id选择器，如：

<input type="text" name="fname" id="myInput">

$("#myInput").val(str);

“fname”不是元素，因此您不能使用元素选择器。

Answer 3

尝试val而不是

之类的文本

$（“fname”）。val（str）;

Answer 4

你在这里使用jquery的方式有错误是jsfiddle。 Solution

您尚未使用$(document).ready()，此外您甚至没有分配ID和类，您可以通过它来访问元素。希望这会有所帮助：）

Jquery更改文本字段不起作用

4 个答案: