Saya melihat banyak pertanyaan seperti itu tetapi pertanyaan saya berbeda dari mereka. Saya memiliki formulir dan formulir mencakup 3 area pilih yang berbeda untuk variabel yang berbeda. Saya ingin mendapatkannya tetapi saya tidak tahu bagaimana melakukannya dan saya pemula di Javascript dan HTML.

edit: Saya menghapus bagian " database pengiriman ". Itu adalah bagian dari konteksnya.

Berikut HTMLnya:

    <form>

  <p> Scores: </p>

    <select name ="scores:">
      <option value= " 9 " name= " 9 "> 9 </option>
      <option value= " 8 " name= " 8 "> 8 </option>
      <option value= " 7 " name= " 7 "> 7 </option>
      <option value= " 6 " name= " 6 "> 6 </option>
      <option value= " 5 " name= " 5 "> 5 </option>
      <option value= " 4 " name= " 4 "> 4 </option>
      <option value= " 3 " name= " 3 "> 3 </option>
      <option value= " 2 " name= " 2 "> 2 </option>
      <option value= " 1 " name= " 1 "> 1 </option>

    </select>

<p> Years: </p>


  <select id ="year">
  </select>

  <p> Languages: </p>

  <select name="language">
    <option value ="Aborginial", name = "Aborginial"> Aborginial </option>
    <option value="Arabic"> Arabic </option>
    <option value="Aramaic">Aramaic</option>
    <option value="Bosnian">Bosnian</option>
    <option value="Cantonese">Cantonese</option>
    <option value="Chinese">Chinese</option>
    <option value="Czech">Czech</option>
      </select>

  <button type="button">Submit data</button>
  </form>

Dengan asumsi skor yang dipilih pengguna 7, atur bahasa ke Bosnia dan tahun 1980 (Saya mengisi kotak tahun dengan fungsi jangan khawatir itu bukan daftar kosong) dan saya ingin mendapatkan nilai yang dipilih ini (skor: 7, lang: Bosnia, tahun: 1980) Omong-omong, semuanya dalam bentuk. Jadi bagaimana saya bisa mendapatkan nilai yang dipilih ini?

0
Zahid Tekbaş 15 Agustus 2017, 13:58

2 jawaban

Jawaban Terbaik

Kembalikan objek:

document.getElementById("submit").addEventListener("click", getData);

function getData() {
var score = document.getElementById('scores').value;
var year = document.getElementById('year').value;
var language = document.getElementById('language').value;
var data = {'score':score, 'year':year, 'lang':language};
console.log(data);
}
    <form>

  <p> Scores: </p>

    <select id ="scores" name ="scores:">
      <option value= " 9 " name= " 9 "> 9 </option>
      <option value= " 8 " name= " 8 "> 8 </option>
      <option value= " 7 " name= " 7 "> 7 </option>
      <option value= " 6 " name= " 6 "> 6 </option>
      <option value= " 5 " name= " 5 "> 5 </option>
      <option value= " 4 " name= " 4 "> 4 </option>
      <option value= " 3 " name= " 3 "> 3 </option>
      <option value= " 2 " name= " 2 "> 2 </option>
      <option value= " 1 " name= " 1 "> 1 </option>

    </select>

<p> Years: </p>


  <select id ="year">
  </select>

  <p> Languages: </p>

  <select id= "language" name="language">
    <option value ="Aborginial", name = "Aborginial"> Aborginial </option>
    <option value="Arabic"> Arabic </option>
    <option value="Aramaic">Aramaic</option>
    <option value="Bosnian">Bosnian</option>
    <option value="Cantonese">Cantonese</option>
    <option value="Chinese">Chinese</option>
    <option value="Czech">Czech</option>
      </select>

  <button id="submit" type="button">Submit data</button>
  </form>
1
Satyam Pathak 15 Agustus 2017, 11:23

Anda memiliki kesalahan berikut dalam HTML Anda:

  1. Tidak ada simbol khusus yang diizinkan dalam atribut nama elemen formulir.
  2. Anda tidak dapat menempatkan koma setelah atribut HTML.
  3. Tidak perlu menambahkan atribut tag <option> tambahan jika nilainya sama dengan nama opsi Anda.

Jadi dalam kode ini:

<select name="scores">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
</select>

Anda dapat mengakses nilai "skor" sebagai:

var select_scores = document.getElementById("form").scores;
select_scores.options[select_scores.selectedIndex].value;

Sama untuk elemen bentuk <select> lainnya.

2
Sergey Sklyar 15 Agustus 2017, 11:10