2016-06-11 54 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不能禁用。 可能嗎?

+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

你可以這樣做:

只是不要禁用要張貼禁止其他所有選項

所以2值將被張貼到PHP現在選擇。

<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>