如何移动" SELECT BOX"的值进文本框?

时间:2014-03-25 10:25:01

标签: javascript jquery html

这不行,请你帮帮我。 我想要一些名字的价值 即helloooooooooo将在文本框中打印

<html>
    <head>
      <script type="text/javascript">
      //<![CDATA[
          $(document).on('change', 'select', function() {
              $("#name").val();
          }
      //]]>
      </script>
      <title>Task List</title>
    </head>
    <body>
      <form id="form" name="form" method="post" action="https://kanbanflow.com/api/v1/tasks?apiToken=024b427a5d41a62edd218bddb55ed1fc">
        <select>
          <option value="258f2200948711507b78fb18a9a7">To-do</option>
          <option value="258f2202948711e3b45079a7">In progress</option>
          <option value="258f2201948711e3b4507b788a9a7">Do today</option>
          <option value="258f2203948711e3b4507fb18a9a7" selected="selected">Done</option>
        </select> <input type="text" name="name" id="name" /><br />
        Name :<input type="text" name="name" id="name" /><br />
        Color :<input type="text" name="color" /><br />
        Description :<input type="text" name="description" /><br />
        <button id="button" value="submit">create_task</button>
      </form>
    </body>
</html>

1 个答案:

答案 0 :(得分:4)

将onchange选择框值分配给收件箱

试试这个

$(document).on( 'change', 'select', function () {
    $("#name").val($(this).val());
});

JSFiddle DEMO

如果您想要选择选项文字

$(document).on( 'change', 'select', function () {
    $("#name").val($(this).find('option:selected').text());
});

JSFiddle DEMO