Question

<head>
  <style>
  p { color:red; margin:4px; }
  b { color:blue; }
  </style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" charset="utf-8"></script>
</head>
<body>
  <p><input type="text" name="keyword" /></p>
  <select id="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>

    <option selected="selected">Multiple3</option>
  </select>
<script>
    function displayVals() {
      var multipleValues = $("#multiple").val() || [];
      $("p").html("<b>Multiple:</b> " + 
                  multipleValues.join(", "));
    }

    $("select").change(displayVals);
    displayVals();

</script>

这里我想在文本框中保留值而不是“p”。怎么做？？这是我的code

Answer 1

function displayVals() {
      var multipleValues = $("#multiple").val() || [];
      var html = $("p").html();
      $("p").html("<b>Multiple:</b>" + html);

        $("input[name='keyword']").val( multipleValues.join(", "));
    }

    $("select").change(displayVals);
    displayVals();

Answer 2

如果使用输入，则应使用jQuery.val（）（http://api.jquery.com/val/）。像这样的东西 $（“p”）。val（“多个：”+ multipleValues.join（“，”））; 但里面没有标签。

Answer 3

<input type="text" value="foooooooooo" />
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select>

//////////////////////

 function displayVals() {

  var multipleValues = $("#multiple").val() || [];
    var text = "Multiple: " + multipleValues.join(", ");
  $("input").val(text);
 }

$("select").change(displayVals);
displayVals();

Answer 4

这个怎么样？

的Javascript

function displayVals() {
  var multipleValues = $("#multiple").val() || [];
  $("#result").val("<b>Multiple:</b> " +
              multipleValues.join(", "));
}

$("select").change(displayVals);
displayVals();

HTML

<input type="text" id="result" ></input>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select>`

从选择框到文本框获取值

4 个答案: