我正在學習 symfony。當我從表單的下拉選單中選擇一個選項時，我正在嘗試顯示影像。
這是我的表格
$collection = array(
'jewel1' => 'jewel1.jpg',
'jewel2' => 'jewel2.jpg',
.
.
.
)
$builder
->add('product_group_id', HiddenType::class,['data'=> $productId])
->add('jewel_name', TextType::class)
->add('jewel_rotation', IntegerType::class)
->add('price', IntegerType::class)
->add('image_name', ChoiceType::class, [
'label' => 'Jewel Image',
'required' => false,
'choices' => $collection
])
->add('save', SubmitType::class, ['label' => 'Save']);
這是我的樹枝（我還不知道該怎么做）
{% block javascript %}
<script>
$(function() {
$('form.image_name.vars.value').change(
var tt = $(this).val();
alert(tt);
)
})
</script>
{% endblock %}
{% block main %}
{{form_start(form)}}
{{form_widget(form)}}
<div class="jewels">
{% set path = 'customRing/jewel/' ~ form.image_name.vars.value ~%}
{{form.image_name.vars.value}}
<img src="{{ asset(path, 'save_image') }}" width="200" height="200"/>
</div>
{{form_end(form)}}
{% endblock %}
因此，當我在下拉選單中選擇一個選項時，將顯示預覽影像，因此我可以使用正確的影像按下提交按鈕。但是，我不知道如何在 sumbit 之前從choicetype 中獲得更改的值。
uj5u.com熱心網友回復：
您可以通過javascript獲取select的更改值并將其顯示在img標簽中
<script>
document.getElementById('YOUR_IMAGE_SELECT').addEventListener('change', function() {
document.getElementById('YOUR_IMG').src = "customRing/jewel/" this.value;
});
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/517429.html
標籤：php交响乐