javascript - フォームを使用せずに JavaScript でドロップダウンから値を取得する

Question

以下のようなドロップダウンフィールドがあります。

HTML と PHP

 <select id="selectform_0">
    <option value="0">1</option>
    <option value="1">2</option>
    <option value="2">3</option>
    <option value="3">4</option>
    <option value="4">5</option>
    </select>


<input type="button" onclick="selectValue(<?php echo $id; ?>)
">

そしてJavascript

<script>
function selectValue(id)
{
  //take select value
  alert(selectvalue);
}
</script>

使用しないことで厳密にjavascriptによって値を取得する方法はありますか<form>

Answer 1

これを試して

Javascript

<script>
function selectValue(id)
{ 
var obj = document.getElementById("selectform_"+id).options[document.getElementById("selectform_"+id).selectedIndex].value;
alert(obj);
}
</script>

HTML

<select id="selectform_0">     
<option value="0">1</option>     
<option value="1">2</option>     
<option value="2">3</option>     
<option value="3">4</option>     
<option value="4">5</option>     
</select> 

<input type="button" onclick="selectValue(<?php echo $id; ?>) "> 

Answer 2

はい、できます。

マークアップ

<select id='myselectform' name="selectform_0">
<option value="0">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
</select>

JS

   //If you want the values when an action takes place, say, onchange
    document.getElementById("myselectform").onchange = function(){
        alert(this.value)
    }
   //Or this way,
    var t = document.getElementById("myselectform");
    var selectedElem = t.options[t.selectedIndex].value;

   //Or if you just want the whole list of values then do something like this,
   var t = document.getElementById("myselectform").getElementsByTagName("option");

    for(var i=0,len=t.length; i<len; i++)
    {
      alert(t[i].getAttribute("value"))
    }

Answer 3

あなたはjQueryを使うことができます

$("#myselectform").val();

また

$("#myselectform").attr("selected");