Question

我正在使用symfony2和bootstrap 3，当我将readonly属性设置为表单字段时，它变为灰色并且我有禁用的光标，但该字段仍然是可编辑的（在我的情况下是选择下拉列表）。

readonly属性适用于简单的文本字段，但不适用于select。

如何确保用户无法点击选择并更改其值？

我不能使用“disabled”，因为我需要传递给表单的值。使用jquery重写readonly属性也不起作用。

我的表格：

            ->add('product', 'entity', array(
                    'label' => 'Produit',
                    'class' => 'AppBundle:MarketPlace\Product',
                    'read_only' => true,
                ))

Answer 1

为您的实体as explained in the doc创建一个数据转换器ProductToTextTransformer，然后在您的formbuilder中使用它，根据select禁用的条件添加select或readonly文本：< / p>

     //...

     // this assumes that the entity manager was passed in as an option
     $entityManager = $options['em'];
     $transformer = new ProductToTextTransformer($entityManager);
     if ($condition_to_disabled_the_select){
       $builder->add('product', 'entity', array(
                'label' => 'Produit',
                'class' => 'AppBundle:MarketPlace\Product',
            ));
     }
     else{
        $builder->add(
            $builder->create('product', 'text', array('label' => 'Produit', 'read_only' => true))
                    ->addModelTransformer($transformer)
        );
     }

Answer 2

以下是有效的，但我不太喜欢它，我觉得它不应该像它应该的那样干净：

<script>
    $(function(){
        $(':input[readonly]').each(function(){
            $(this)
                .hide()
                .parent().append('<p>' + $(this).find(":selected").text() + '</p>')
        })
        ;
    })
</script>

symfony2 + bootstrap 3只读选择下拉列表仍然可编辑

2 个答案: