2017-11-02 7 views
0

私はC#でページの読み込みを無効にするWebフォームを持っています。ドロップダウンが無効の場合、Javascriptを使用してドロップダウンの値を変更することは可能です

ユーザーが特定の選択を行ったときにのみ、ドロップダウンの値を変更したいときだけ、いつでもドロップダウンを無効にする必要があります。これは私がif文

drpModeNeed.options[drpModeNeed.selectedIndex].value == 1; 

で試してみたものです

var drpModeNeed = document.getElementById("drpAssessID"); //This dropdown is 
       //where I'm looking to change the value (it is disabled) 

    var drp4Val = (document.getElementById('<%=drp4ID.ClientID %>').value); 
    var drp14Val = (document.getElementById('<%=drp14ID.ClientID %>').value); 
    var drp15Val = (document.getElementById('<%=drp15ID.ClientID %>').value); 

    if (drp4Val == 1 || (drp14Val == 1 && drp15Val == 1)) 
    { 
     //trying to change the value here of dropdown 
    } 

が、何も起こりません:YesまたはNo

これは私のJavascriptのコードのいずれか。 IF文の中に警告を出し、値が確実に選択されたことを示すたびに、文が確実に認識されることを確かに知っています。

無効なドロップダウンの値を変更できるかどうか疑問に思っていますか?私の場合は、なぜコードが動作していないのですか?

+0

あなたは '

+0

@Pointy - "1"の値を選択しようとしています。基本的には、var drp4Valとvar drp14Valを見ると、それらのドロップダウンはそれぞれ同じ値になります。この場合if文では、.value = 1(YES)かどうかを調べています。そうであれば、drpModeNeedの値を== 1(YES)に設定します。それが意味をなさないかどうかわからない。ありがとう。 – Koosh

+0

それでは、 'drpModeNeed.selectedIndex'の値を変更するか、ターゲット'

答えて

1

<select>要素の実効値を更新するには、あなたが<option>.valueを設定しないでください、あなたはtrue(または任意のtruthy値)に.selectedプロパティを設定します。

drpModeNeed.options[1].selected = true; 

があることに注意してください<select>要素に.disabledプロパティが設定されている場合は、囲みを投稿すると<form>はその値をサーバーに送信しません。ブラウザは、無効になっている要素は無視されると想定しています。

1

それは私の作品:

\t function changeValue(newValue){ 
 
\t \t var drpModeNeed = document.getElementById("drpAssessID"); 
 
\t \t drpModeNeed.value=newValue; 
 
\t }
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title></title> 
 
</head> 
 
<body> 
 

 
<select id="drpAssessID" disabled="disabled" class="aspNetDisabled"> 
 
\t <option value="1">one</option> 
 
\t <option selected="selected" value="2">two</option> 
 
</select> 
 
<br /><br /> 
 
<button type="button" onclick="changeValue(1);">Set 1</button> 
 
<br /><br /> 
 
<button type="button" onclick="changeValue(2);">Set 2</button> 
 

 

 
</body> 
 
</html>

関連する問題