FirefoxでのJavascriptの問題IEでの問題ではない問題のデバッグVIsual Studio 2010

ヘルプ私はASP.NETを使用したWeb開発で非常に新しいです。なぜ私のWebアプリは、以下の私のコードをデバッグするときにIEのような所望の出力が行うものではありませんされていますFirefoxでのJavascriptの問題IEでの問題ではない問題のデバッグVIsual Studio 2010

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<style type="text/css"> 
    h1{color:Blue} 
    h2{color:Red} 

</style> 
<script type="text/javascript"> 
    function ShowColor() { 
     alert("You selected " + SelectColor.value); 
     BodyContent.style.backgroundColor = SelectColor.value; 
    } 
</script> 
</head> 
<body> 
<div id="BodyContent"> 
    <h1>HelloWorld</h1> 
    <h2>Welcome</h2> 
    <p> 
    This is my first Web Page</p> 
    <hr /> 
    Please select color: 
    <select id="SelectColor"> 
     <option value="white">white</option> 
     <option value="yellow">yellow</option> 
     <option value="silver">silver</option> 
    </select> 
    <input id="ButtonColor" type="button" value="Select" onclick="ShowColor()" /> 
</div> 

</body> 
</html>

問題は、私は[選択]ボタンをクリックしたが、IEがないときにFFはjavascriptの「ShowColor」を実行しないということです。

enter image description here

function ShowColor() { 
     alert("You selected " + SelectColor.value); 
     BodyContent.style.backgroundColor = SelectColor.value; 
    }

出典

2012-05-13 Jed

あなたが求めている質問は明確ではありません。最初にあなたはFirefoxが問題であると言い、「問題はIEがjavascriptを実行するということです」ShowColor「選択ボタンをクリックしたとき」問題はキーワードの問題です。 – jacqijvv

コメントありがとうございます。本当にごめんなさい。何を表現しようとしているのは、FirefoxがIEのように正しく出力できないということです。なぜなら、Firefoxはjscriptを実行しないからです。 – Jed

次のようにあなたのjavascript関数は次のようになります。

function ShowColor() { 
    alert("You selected " + document.getElementById("SelectColor").value); 
    document.body.style.backgroundColor = document.getElementById("SelectColor").value; 
}

JavaScriptを使用して、実際の要素を選択する必要があります。たとえば、document.gelElementById（ "id of element"）のようにしてから、文書の色を変更します。これはどのブラウザでも動作するはずです。

この関数は適切な選択値を表示し、実際にウェブページの背景を変更します。これがあなたを助けてくれたら、答えとしてマークしてください。

出典

2012-05-13 09:41:58 jacqijvv

ありがとう、@jacqijw。私が間違っている場合は私を修正してください。私はちょうどasp.netコード（私はVSのWebアプリケーションのコードを言うだろう）がIEでのみ動作することを認識しています。私を助けてくれてありがとう。チュートリアルを進めることができます。 – Jed

@Jed - これは、IEがどのように動作するべきかを参照するものではありません。 – Rob

@jacqijw：これで私を助けることができます： [リンク]（http://stackoverflow.com/questions/10629423/asp-net-mvc3-site-css/10629447#comment13777779_10629447） – Jed

はこれを試してみてください。

<script type="text/javascript"> 
var selected; 
function alertselected(selectobj) { 
    selected = selectobj.selectedIndex; 
} 

function ShowColor() { 
    alert("You selected " + selected); 
    elm = document.getElementById("sample"); 
    document.getElementById("BodyContent").style.backgroundColor = elm.options[elm.selectedIndex].value; 
}

HTML：

<div id="BodyContent"><select id="sample" onChange="alertselected(this)">option>white</option><option>yellow</option><option>silver</option>

<input id="ButtonColor" type="button" value="Select" onclick="ShowColor()" /></div>

出典

2012-05-13 09:48:23

FirefoxでのJavascriptの問題IEでの問題ではない問題のデバッグVIsual Studio 2010

答えて

関連する問題