0

次のコードがあります。ドロップダウンリストの選択された値をユーザーが変更したら取得するか、alert（）によって表示されるデフォルト値を取得したいと思います。htmlの<body>内からalert（）を使用する必要があります。それは可能ですか？

<html>
 <head>
 <title>Title</title>
 <script type="text/javascript" src="phonegap-1.4.1.js">
</script> <script type="text/javascript" src="JS/Util.js"></script>
 <script type="text/javascript" src="JS/Language.js"></script>
 <script type="text/javascript">
   function dropdown(){
  var drp = document.getElementById("numberlist");
 var optn = document.createElement("OPTION");
 optn.text="3";
 optn.value="3";
 drp.add(optn);
 }
    </script>
 </head>
  <body onload="dropdown();"> <div id="main3"></div>  <form><select id = "numberlist"><option>12</option><option>24</option><option>36</option></select>

4

4 に答える 4

3

コードを使用します：

selectElement.options[ selectElement.options.selectedIndex ];

選択されているインデックスを検索します。

つまり、次のようvar drp = document.getElementById("numberlist");にしてインデックスの値を見つけることができます。

var value = drp.options[ drp.options.selectedIndex ].value;

コードをonchangeイベントに追加して、要素のを変更するたびに、そのselectedIndex値を取得できるようにします。

これがデモです

于 2012-06-28T12:15:28.117 に答える
2

スクリプトタグ内にこの関数を追加します。

function pickvalue(id){
   var drp = document.getElementById(id);
   alert(drp.value);
}

このように関数呼び出しを追加します。

<select id = "numberlist" onchange="pickvalue(this.id)">
于 2012-06-28T12:18:13.827 に答える
2

次のことを試してください...それがあなたを助けるなら答えとしてそれをマークしてください

<html>  
<head>  
<title>Title</title>  
<script type="text/javascript" src="phonegap-1.4.1.js"> </script> <script         type="text/javascript" src="JS/Util.js"></script>  
<script type="text/javascript" src="JS/Language.js"></script> 
<script type="text/javascript">    
function dropdown()
{   
    var drp = document.getElementById("numberlist");  
    var optn = document.createElement("OPTION");  
    optn.text="3";  
    optn.value="3";  
    drp.add(optn);  
}  

</script>  
</head>   
<body onload="dropdown();"> 
<div id="main3">
</div>  
<form>
<select id="numberlist" onchange="show()">
<option>12</option>
<option>24</option>
<option>36</option>
</select> 
<script type="text/javascript">
    function show() {
        var e = document.getElementById('numberlist');
        var txt = e.options[e.selectedIndex].text;
        alert(txt);


    }   
</script>
</form>
</body>
</html>
于 2012-06-28T12:50:36.570 に答える
1

JQueryメソッドは次のとおりです。

 $value = $("#numberlist option:selected").text();
 alert($value);
于 2012-06-28T12:16:15.637 に答える