將文本從選擇字段復制到文本字段的Javascript

Question

我正在嘗試將值從選擇字段復制到文本字段

我遇到了這個

但是，當我使用以下內容創建測試頁無法正常工作時，顯然我把它放錯了:(

<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <script type="text/javascript" src="//code.jquery.com/jquery-compat-git.js"></script>

<title>Test copy select</title>
<script type='text/javascript'>
  $('select').change(function(){

  $('input[type=name]').val($('option:selected',this).text());
  $('input[type=price]').val($(this).val());
  });
</script>
</head>

<body>
  <form>
    <select>
      <option value="10">Apple</option>
      <option value="20">Orange</option>
    </select>

    <input type="name" />
    <input type="price" />
  </form>
</body>
</html>

我該如何解決？

謝謝

Answer 1

將您的JavaScript包裝在$(document).ready() ：

$(document).ready(function() {
  $('select').change(function(){

    $('input[type=name]').val($('option:selected',this).text());
    $('input[type=price]').val($(this).val());
  });
});

有關更多說明，請參見此帖子。

將文本從選擇字段復制到文本字段的Javascript

問題描述

1 個解決方案

解決方案1
1 已采納 2017-06-10 02:47:46

將文本從選擇字段復制到文本字段的Javascript

問題描述

1 個解決方案

解決方案1 1 已采納 2017-06-10 02:47:46

解決方案1
1 已采納 2017-06-10 02:47:46