我正在尋找一種使選擇選項(xiàng)更改 textarea 值的方法。我正在使用 @foreach($collection as $item) 作為我的選項(xiàng)。<select class="form-control" style="margin-bottom: 5px"> <option value="">Choix modèle de réponse</option> @foreach($modeles as $modele) <option value="{{ $modele->id }}">{{ $modele->title }}</option> @endforeach</select><textarea class="form-control" name="texte" id="texte" required>GRDF Bonjour</textarea>我已經(jīng)嘗試過搜索，但我只找到了不適用于 foreach 的方法。
1 回答
明月笑刀無情
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超4個(gè)贊
<select class="form-control" style="margin-bottom: 5px" id="myselectbox">
<option value="">Choix modèle de réponse</option>
@foreach($modeles as $modele)
<option value="{{ $modele->id }}">{{ $modele->title }}</option>
@endforeach
</select>
<textarea class="form-control" name="texte" id="texte" required>GRDF Bonjour</textarea>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).on('change','#myselectbox',function(){
var value = $(this).val(); // here is the selectbox value
$("#texte").val(value); // here put selectbox value in textarea
});
</script>
如果您有多次選擇框和文本區(qū)域，則：-
@foreach($collection as $key => $item)
<select class="form-control selectbox" style="margin-bottom: 5px" id="myselectbox-{{$key}}">
<option value="">Choix modèle de réponse</option>
@foreach($modeles as $modele)
<option value="{{ $modele->id }}">{{ $modele->title }}</option>
@endforeach
</select>
<textarea class="form-control" name="texte" id="texte-{{$key}}" required>GRDF Bonjour</textarea>
@endforeach
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" type="text/javascript"></script>
<script>
$(document).on('change','.selectbox',function(){
var value = $(this).val();
var id = $(this).attr('id');
var key = id.substr(12);
$("#texte-"+key).val(value);
});
</script>
- 1 回答
- 0 關(guān)注
- 172 瀏覽
添加回答
舉報(bào)
0/150
提交
取消