2017-07-07 9 views
0

htmlページでSelect入力フィールドを使用しています。ifブロックでは条件が有効です。 ChromeとIEが、Firefoxで動作していないでその作業..選択したOption to None値は機能しません

+2

は、なぜあなたは、このコードは、いくつかのイベントハンドラ内にあるかもしれませ

+0

@guradioを選択JSが必要なのですか? OPが追加情報を与えない限り、@ SureshAttaかもしれません。 –

+0

我々は推測することができます。 – guradio

答えて

1

利用.prop()代わりの.attr()

prop()

tの最初の要素のプロパティの値を取得します。一致した要素のセット、または一致するすべての要素の1つ以上のプロパティを設定します。

$("#selectopt option[value='']").prop('selected', true); 
0

あなたは、文字列に対してjQueryオブジェクトを比較している場合、私は

$('#text1') === 'name' 

たぶん、あなたの内側に、この条件を入れて

<select id='selectopt'> 
    <option value="">Select<option> 
    <option value="1">1<option> 
</select> 


<input type="text" id='text1'> 



if($('#text1').val==='name'){ 
    $("#selectopt option[value='']").attr('selected', true); 
} 
else{ 
} 

このオブジェクトの値を比較したいですか?

$('#text1').val() === 'name' 

はまたにより、ドロップダウン値の設定簡素化できます。

$( "#のselectopt")のval( "")

0
  1. マッチ値$('#text1').val().trim()=== 'name'
  2. とHTML構文を持つかの条件が
  3. prop()代わりのattr()

if ($('#text1').val().trim()=== 'name') { 
 
    $("#selectopt option:empty").prop('selected', true); 
 
} else {}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id='selectopt'> 
 
    <option value="">Select<option> 
 
    <option value="1">1<option> 
 
</select> 
 

 

 
<input type="text" id='text1' value="name">
で試してみてくださいを閉じていない </option>タグ間違っていましたあなたは `<選択されたオプションの値を=「」>行うことができたときに

関連する問題