<strong>1. ドロップダウン リストで選択した項目の値とテキストを取得します (select)</strong> <br>コード select.htm の例は次のとおりです: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="87626" class="copybut" id="copybut87626" onclick="doCopy('code87626')"><u>コードをコピー</u> </a></span> コードは次のとおりです: </div> <div class="codebody" id="code87626"> <br><html> <br><head><title>ドロップダウン リストで選択した項目の (select)</title><br><body> <br><script>ドロップダウン リスト<br>function getSelectedText(name){ <br>var obj=document.getElementById( name); <br>for(i=0;i<obj.length>if( obj[i].selected==true){ <br>return obj[i].innerText; // 重要なのは、オプション オブジェクトの innerText プロパティを通じてオプション テキストを取得することです <br>} <br>} <br>} <br>//ドロップダウン リストで選択されている項目の値を取得します。<br>function getSelectedValue(name){ <br>var obj =document.getElementById(name); <br>return obj.value; //非常に簡単なので、オブジェクトの value 属性を使用して直接取得できます<br>} <br></script> <br><select id="myselect"> <br><option value ="最初">1</オプション> <br><オプション値="2番目">/オプション> <br><オプション値="3番目"</オプション> </select> <br><input type="button" value="選択されたテキスト" /><BR><input type="button " value="選択された値" /> /body> <br></html> <br><br> <br><br>2. ラジオボタン(ラジオ)グループの値を取得し、選択した項目を変更します </obj.length> </div> <br> js は document.getElementById("oper").value を直接使用してラジオ ボタン グループの値を取得できますが、これはラジオ ボタン グループと同じです (リスト項目の配列でもあります)。この方法では、ドロップダウン リストの値を取得できますが、ラジオ ボタン グループは選択された値を取得できません。注意深く検討した結果、要約は次のようになります。 <strong> ドロップダウン リストとは異なり、ラジオ ボタンは配列オブジェクトを取得するために this.form.oper または document.getElementsByName('oper') を使用する必要があります。 oper') は配列オブジェクトを取得できません (選択できる)。また、値はループ判定で取得する必要があり、.valueを直接使うことはできません(selectは使えます)。ラジオボタングループの選択項目を変更するには、ループ判定により各ラジオボタンの値も変更する必要があります。 <br>テスト コード radio.html は次のとおりです: </strong><br><br><br><div class="codetitle">コードをコピーします<span><a style="CURSOR: pointer" data="79340" class="copybut" id="copybut79340" onclick="doCopy('code79340')"><u> コードは次のとおりです:</u><div class="codebody" id="code79340"> <br><html> <br><head></head> <br><script language="javascript"> <br>// に適用されるラジオ ボタンの値を検索します。単一のオプションと複数のオプション。選択がない場合は false を返し、選択がある場合はオプションの値を返します。 <br>function getRadio(oRadio){ <br>var oRadioLength= oRadio.length; <br>var oRadioValue = false; <br>//alert("oRadioLength:[" oRadioLength "]"); oRadioLength== 未定義){ <br>if (oRadio.checked){ <br>oRadioValue = oRadio.value; <br>} <br>}else{ <br>for (i=0;i<oradiolength>//alert("oRadio[" i "]:" oRadio[i].checked "/" oRadio[i].value); <br>if (oRadio[i].checked){ <br> oRadioValue = oRadio[i].value; <br>break; <br>} <br>} <br>return <br>} <br>//メソッドの改善: <br>//ラジオボタンの値。ラジオ名をパラメータとして渡します。選択がない場合は false を返し、選択がある場合はオプションの値を返します。 <br>function getRadioValue(name){ <br>var radioes = document.getElementsByName(name); <br>for(var i=0;i<radioes.length>{ <br>if(radioes [i].checked){ <br>return radioes[i].value; <br>} <br>} <br>return false; <br>} <br>// 選択したラジオ ボタンを値で変更します <br>function changeRadio(oRadio,oRadioValue){ //オブジェクトを渡します <br>for(var i=0;i<oradio.length>{ <br>if(oRadio[i ]. value==oRadioValue) //比較値<br>{ <br>oRadio[i].checked=true; //選択された状態を変更します<br>break; //ループを停止します<br>} <br>} <br>} <br>//改善点: <br>//選択したラジオ ボタンを値で変更します<br>function setRadio(name,sRadioValue){ //ラジオの名前と選択した項目の値を渡します<br> var oRadio = document.getElementsByName(name); <br>for(var i=0;i<oradio.length>{ <br>if(oRadio[i].value== sRadioValue) //比較値<br>{ <br>oRadio[i].checked=true; //選択されたステータスを変更<br>break<br>} <br>} <br>} <br></script> <br><form name="frm"> <br><input type="radio" name="oper" value="同意する" ; /td> <br><input type="radio" name="oper" value="downchange" チェック済み>問題の変更</td> <br><input type="radio" name="oper" value ="拒否">保険の拒否</td> <br><input type="radio" name="oper" value="report" >レポート</td> <br>[br] <br> ('result:' getRadio(this.form.oper)) <br><input type="button" name="test1" value="Button1" > <br>[br] <br>alert('result; :' getRadio(document.getElementById('oper'))) <br><input type="button" name="test2" value="ボタン 2" > <br>[br] <br>alert(this .form.oper.value) <br><input type="button" name="test3" value="ボタン 3" > <br>[br] <br>changeRadio(this.form.oper,"report) ") <br><input type="button" name="test4" value="ボタン 4" > <br>[br][br][br][br] <br>< select id=" slt"> <br><option value="同意する" >同意する</option> <br><option value="downchange" selected>変更を送信</option> <br><option value="拒否">保険の拒否</option> <br><option value="report">レポート</option> <br></select> <br>[br ] <br>アラート(this. form.slt.value) <br><input type="button" name="test5" value="ボタン 5" > <br>[br] <br>document.getElementById ('slt')[2] .innerText) <br><input type="button" name="test6" value="Button 6" > <br></body> ;<br><br></oradio.length></oradio.length></radioes.length></oradiolength> </div></a></span> </div>