jqueryでのval()の変更

jquery
1コード
2
3<!DOCTYPE html>
4<html lang="ja" dir="ltr">
5  <head>
6    <meta charset="utf-8">
7    <title>TEST</title>
8    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
9  </head>
10  <body>
11
12    <p id="test">jQuery練習</p>
13    <ul id="target">
14      <li>りんご100</li>
15      <li>みかん150</li>
16      <li>ぶどう200</li>
17      <li>ばなな90</li>
18    </ul>
19    <input type="text" id="name" value="">
20    <input type="button" id="bt" value="ボタン">
21
22
23    <p id="result"></p>
24
25    <script type="text/javascript">
26        $(function(){
27    
28        $("#target li").click(function(){
29          $("#name").val(this);
30        });
31        });
32
33    </script>
34
35  </body>
36</html>

この時にvalの値を、クリックした要素に変更したいのですがうまくいきません
どうすればよいですか？

行動規範の内容に同意します

回答2件

こうだな

<!DOCTYPE html>
<html lang="ja" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>TEST</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  </head>
  <body>

    <p id="test">jQuery練習</p>
    <ul id="target">
      <li>りんご100</li>
      <li>みかん150</li>
      <li>ぶどう200</li>
      <li>ばなな90</li>
    </ul>
    <input type="text" id="name" value="">
    <input type="button" id="bt" value="ボタン">


    <p id="result"></p>

    <script type="text/javascript">
        $(function(){

        $("#target li").click(function(){
          $("#name").val($(this).text());
        });
        });

    </script>

  </body>
</html>

投稿2019/03/11 12:39

退会済みユーザー

総合スコア0

msssss

2019/03/11 22:55

回答ありがとうございます無事解決しました。

行動規範の内容に同意します

ベストアンサー

html
1<!DOCTYPE html>
2<html lang="ja" dir="ltr">
3  <head>
4    <meta charset="utf-8">
5    <title>TEST</title>
6    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
7  </head>
8  <body>
9
10    <p id="test">jQuery練習</p>
11    <ul id="target">
12      <li>りんご100</li>
13      <li>みかん150</li>
14      <li>ぶどう200</li>
15      <li>ばなな90</li>
16    </ul>
17    <input type="text" id="name" value="">
18    <input type="button" id="bt" value="ボタン">
19
20
21    <p id="result"></p>
22
23    <script type="text/javascript">
24        // インデントくらい揃えろや
25        $(function(){
26            $("#target li").click(function(){
27                $("#name").val($(this).text());
28            });
29        });
30    </script>
31
32  </body>
33</html>