如何创建只读选择框但我会发布该值？

Question

我想只读取选择框。但我发布了该元素的价值。当我禁用它时，选择框不能发布值。

<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不起作用，但禁用了工作。 但我需要readonly not disabled。 可能吗？

Answer 1

如何避免任何mousedwon / keydown事件：

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

然后，只需切换readonly类即可启用或禁用用户选择。

请参阅-jsFiddle-

Answer 2

你可以这样做：

不要禁用您要发布的选项，否则禁用所有选项

现在将2个值发布到PHP中。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;