ドロップダウンメニューから値出力

謝罪、これは本当に基本的なようです。私は入力フィールドにドロップダウンの値を表示しようとしています。私は数時間それを突き刺してきたし、私が間違っていることを理解できない。ドロップダウンメニューから値出力

function myFunction(){ 
 
     var e = document.getElementById("theDay"); 
 
     var dayValue = e.options[e.selectedIndex].value; 
 
      document.getElementById("formValue").value = dayValue; 
 
     }

<!DOCTYPE html> 
 
    <html lang="en"> 
 
    <body> 
 
     <form action="" name="theForm"> 
 
     <select name="theDay" size="7"> 
 
      <option value="0">Monday</option> 
 
      <option value="1">Tuesday</option> 
 
      <option value="2">Wednesday</option> 
 
      <option value="3">Thursday</option> 
 
      <option value="4">Friday</option> 
 
      <option value="5">Saturday</option> 
 
      <option value="6">Sunday</option> 
 
     </select> 
 
     </form> 
 
    <button onclick="myFunction()">Click me</button> 
 
    to show drop down value <input type="text" id="formValue"> 
 
    
 
    </body> 
 
    </html>

出典

2017-10-31 Bonstark

あなたはにid属性を持っていません。私は窓から飛び出すことができた。ありがとう、私はそれを見ていないとは信じられない。ワオ。ちょっと休憩しないと。ありがとう。 – Bonstark

そう

<select name="theDay" size="7" id="theDay">

function myFunction(){ 
 
     var e = document.getElementById("theDay"); 
 
     var dayValue = e.options[e.selectedIndex].value; 
 
     document.getElementById("formValue").value = dayValue; 
 
    }

<form action="" name="theForm"> 
 
    <select name="theDay" size="7" id="theDay"> 
 
     <option value="0">Monday</option> 
 
     <option value="1">Tuesday</option> 
 
     <option value="2">Wednesday</option> 
 
     <option value="3">Thursday</option> 
 
     <option value="4">Friday</option> 
 
     <option value="5">Saturday</option> 
 
     <option value="6">Sunday</option> 
 
    </select> 
 
</form> 
 
<button onclick="myFunction()">Click me</button> 
 
to show drop down value <input type="text" id="formValue">

に

<select name="theDay" size="7">

を置き換えるあなたの選択にIDを逃しました

出典

2017-10-31 10:11:49

ありがとう。私はニチンの返事を見て、私の髪を引き出したいと思っていました。歩く時間。 – Bonstark

@userabuserconfuser仕事があれば、私の答えを受け入れてください。誰かがこの回答から助けを得るでしょう。 –

theFormは名前ですが、あなたはIDとしてそれを呼び出すコード内でこれを試してみてください。 e.options[e.selectedIndex].textテキストを取得し、.VALUEが値を取得する

function myFunction() { 
 

 
    var e = document.getElementById("theDay"); 
 
    var day = e.options[e.selectedIndex].text;//value to get value 
 
    document.getElementById("formValue").value = day 
 

 
}

<form action="" name="theForm"> 
 
    <select id="theDay" size="7"> 
 
     <option value="0">Monday</option> 
 
     <option value="1">Tuesday</option> 
 
     <option value="2">Wednesday</option> 
 
     <option value="3">Thursday</option> 
 
     <option value="4">Friday</option> 
 
     <option value="5">Saturday</option> 
 
     <option value="6">Sunday</option> 
 
    </select> 
 
</form> 
 
<button onclick="myFunction()">Click me</button> to show drop down value <input type="text" id="formValue">

出典

2017-10-31 10:16:41

ドロップダウンメニューから値出力

答えて

関連する問題