2016-06-11 5 views
-1

私は選択ボックスだけを読みたいです。しかし、私はその要素から値を掲示します。私がそれを無効にすると、選択ボックスは値をポストできません。読み取り専用の選択ボックスを作成するにはどうすればよいですか?

<select name="office_name" id="office_name" readonly> 
    <option value="">----Select Office----</option> 
    <option value="1">Bengli</option> 
    <option value="2">English</option> 
</select> 

Readonlyは機能しませんが、機能しません。 しかし、私は読み取り専用で無効にする必要はありません。 可能でしょうか?

はちょうどあなたがすべてのオプション

だから、2値は、現在PHPに掲載されますが、他のポスト無効にするオプションを無効にしない:よう

+0

readonly on select option? – guradio

+0

What's the point of a readonly select? Just put the value in a readonly textbox if the user is unable to change it. –

+0

one option will selected and select box readonly.... –

答えて

0

あなたが行うことができます。

<select> 
 
    <option disabled="disabled">1</option> 
 
    <option selected="selected">2</option> <!-- just dont disable option which you want to post else disable all options--> 
 
    <option disabled="disabled">3</option> 
 
</select>

+0

I need readonly not disabled if i use disabled then this value of tag won't be post –

+0

user can't see dropdown list enabled or disabled –

+0

I used $("#office_name option:not(selected)").attr('disabled',true);コードしかし、私を無効になりますドロップダウンを無効にしたいが、私は値を掲示する –

1

何任意のmousedwon/KeyDownイベントイベント回避について:

$('#office_name').on('mousedown keydown', function(){ 
    return !$(this).hasClass('readonly'); 
}); 

そして、ちょうどできまたは無効にユーザーの選択にreadonlyクラスを切り替えます。

を参照してください-jsFiddle-

-1

私は解決策を得る持っている.... 通常、選択ボックスは無効になります真.. しかし、私は、ボックスを選択し、[送信]をクリックしたときに偽....

$(document).ready(function(){ 
     $("#office_name").attr('disabled',true); 
     $("#company_name").attr('disabled',true); 
     $("#value_submit").click(function(){ 
      $("form select").attr('disabled',false); 
     }); 
    }); 
</code> 
関連する問題