如何使用Symfony2中的警报消息通过javascript显示到html树枝表单字段值？ [英] how to display to a html twig form field value through javascript using an alert message in Symfony2?
问题描述
我想知道如何使用Symfony2中的警报消息通过javascript显示到html树枝表单字段值。这是格式代码：
I would like to know how to display to a html twig form field value through javascript using an alert message in Symfony2. This is the form code:
<html>
<head>
<title> Wkayet </title>
<link rel="shortcut icon" href="{{asset('bundles/ikprojhome/images/icon-WKAYET.png')}}">
<link rel="stylesheet" type="text/css" href="{{asset('bundles/ikprojhome/css2/css.css')}}"/>
<script src='{{asset('bundles/ikprojhome/lib/jquery.min.js')}}'></script>
<script>
function f1(){
alert($('#ikproj_groupebundle_eventsgroupe_start').val());
}
</script>
</head>
<body>
<center>
<div id="container">
<div id="header">
</div>
<div id="content">
<table width="100%" height="100%" align="center">
<tr>
<td>
{% for x in groupe%}
<form id="EventForm" action='{{path('ikproj_groupe_homepaeventsAdd',{id:x['id']})}}' method="POST" {{ form_enctype(form) }} onsubmit="f1();">
<!--<form id="EventForm" action='{{path('ikproj_groupe_homepaeventsAdd',{id:x['id']})}}' method="POST" {{ form_enctype(form) }} >-->
{% endfor %}
{{ form_errors(form) }}
<table align="center">
<tr>
<td class="separation"><label for="groupname">Titre</label></td>
<td>
<!--<input id="titre" name="titre" required="required" type="text" size="50"/> -->
<div>
{{ form_errors(form.title) }}
{{ form_widget(form.title) }}
</div>
</td>
</tr>
<tr>
<td class="separation"><label for="debut">Début</label></td>
<td><!--<select id="debut" name="debut" class="select"></select>-->
<div>
{{ form_errors(form.start ) }}
{{ form_widget(form.start ) }}
</div>
</td>
</tr>
<tr>
<td class="separation"><label for="fin">Fin</label></td>
<td><!--<select id="fin" name="fin" class="select"></select>-->
<div>
{{ form_errors(form.end ) }}
{{ form_widget(form.end ) }}
</div>
</td>
</tr>
<tr>
<td class="separation"><label for="lieu">Lieu</label></td>
<td>
<div>
{{ form_errors(form.location) }}
{{ form_widget(form.location) }}
</div>
</td>
</tr>
<tr>
<td id="description" valign="top" class="separation"><label for="description">Description</label></td>
<td><textarea id="ikproj_groupebundle_eventsgroupe_description" name="ikproj_groupebundle_eventsgroupe[description]" rows="5" cols="40"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center" id="button" valign="bottom"><input class="button" type="submit" value=""/></td>
</tr>
</table>
{{form_widget(form._token)}}
</form>
</td>
</tr>
</table>
</div>
</div>
</center>
</body>
</html>
这是表单类代码：
public function buildForm（FormBuilderInterface $ builder，array $ options）
{
$ builder
public function buildForm(FormBuilderInterface $builder, array $options) { $builder
->add('title','text')
->add('start','datetime',array(
'input' => 'datetime',
'format' => 'dd/MM/yyyy H:i',
'minutes' => array(
0,
30
)
))
->add('end','datetime',array(
'input' => 'datetime',
'format' => 'dd/MM/yyyy H:i',
'minutes' => array(
0,
30
)
))
->add('location','text')
->add('description','text')
;
}
请关注此部分JavaScript代码（位于html表单代码的顶部），因为我尝试了此操作，但没有用：
please focus on this part of JavaScript code (which is at the top of the html form code), because I tried this and it didn't work:
<script>
function f1(){
alert($('#ikproj_groupebundle_eventsgroupe_start').val());
}
</script>
所以，我的问题是：什么是正确的代码？
So, my question is: what will be the correct code to do that?
推荐答案
动态表单元素的 id 是在Twig中自动生成的，因此您的方法获得了成功真的不行。最好的方法是利用模板中生成的 id 。可以通过 vars 属性轻松访问它：
The ids of dynamic form elements are auto generated in Twig, so your approach won't really work. The best way is to utilise the generated id in the template. It can be easily accessed via vars property:
alert( $('#{{ form.start.vars.id }}').val() );
这篇关于如何使用Symfony2中的警报消息通过javascript显示到html树枝表单字段值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
