通常のJavaScriptを使用して選択値を取得するDOM

Question

私は、ドロップダウン選択リスト内の選択されたオプションから値を取得し、それをオブジェクトに割り当てるスクリプトを作成していました。私が持っている唯一の問題は、それは私がnullオブジェクトを持っていると言っているということです。次のように

の.jsは次のとおりです。

var s = document.getElementById('mode'); 
alert(s.options[s.options.selectedIndex].value); 
function selectValue(){ 

    yo.newSelect(s.options[s.options.selectedIndex].value); 
    return true; 
} 

次のようにHTMLは次のとおりです。

<div id="text_editing"> 
     <form action="javascript:;" method="post" onsubmit="editHomePage()"> 
     <select name="CYD" id="mode" onchange="selectValue()"> 
     <option value="Home">Home</option> 
     <option value="About">About</option> 
     <option value="Contact">Contact</option> 
     </select> 
<textarea name="sexyText" row="500" col=500">  
</textarea> 
<input value="submit" name="text_submit" type="submit" onclick="selectValue()"> 
     </form> 

私はただのJSでのソリューションを探しています。このような小さなサイトでjQueryを使用することには興味がありません。

Answer 1

、あなたは簡単に書くことができます（選択した複数の複数の選択のためにそれほど適していません）最初に選択されたオプションの値を返します

alert(s.value); 

を。機能で、その後

<input type="submit" onclick="selectValue(this)"> 

：あなたが行うことができ、あなたのリスナーからちなみに

、

Answer 2

最初は、選択肢が選択されていないようです。したがって、ページが最初にロードされるときにs.options[s.options.selectedIndex]はnullになります。

Firefox用のFirebugプラグインを使用してコードを実行することをおすすめします。デバッガを使用してこれらの種類の問題を簡単に特定できます。すべてのオプションが値を持っている場合は