Установить цвет фона для div от формы в другом лезвии - PullRequest
Новая
       0

Установить цвет фона для div от формы в другом лезвии

0 голосов
/ 06 февраля 2020

Мой проект содержит index.blade. php и create.blade. php. В create.blade. php это форма для создания div, которые перечислены в index.blade. php, через форму мне нужно пропустить цвет фона для каждого сделанного div, опции red, yellow и green color .

Мой create.blade. php код: 

<form action="{{url('warehouse')}}" method="post">
@csrf
<label for="name" style="padding-right:20px">Name</label>
<input type="text" id="name" name="name" style="padding-right:50px; margin-bottom:10px" placeholder="Name"><br>
<label for="supplier" style="padding-right:2px">Supplier</label>
<input type="text" id="supplier" name="supplier" style="padding-right:50px; margin-bottom:10px"
    placeholder="Supplier"><br>
<label for="type" style="padding-right:28.5px">Type</label>
<input type="text" id="type" name="type" style="padding-right:50px; margin-bottom:10px" placeholder="Type"><br>
<label for="url" style="padding-right:41.8px">Url</label>
<input type="text" id="url" name="url" style="padding-right:50px; margin-bottom:10px" placeholder="Url"><br>
<label for="color">Color</label>
<select id="selector" name="color">
    <option value="" disabled selected hidden>Please Choose...</option>
    <option value="green">Green (ready for sale)</option>
    <option value="yellow">Yellow (in progress)</option>
    <option value="red">Red (new)</option>
</select>
<br>
<button type="submit" id="kreiraj_dugme_create" onclick="selectBackground()">Create/button>

И мой index.blade. php Код: 

@foreach ($warehouses as $key => $warehouse)
<div class="brder1" draggable="true" ondragstart="drag(event,{{$key}})" id="{{$key}}">
    <h1 class="ime_palete">{{$warehouse->name}}</h1>
    <a class="link_palete" href="{{$warehouse->url}}" target="_blank">Link</a>
    <a class="edit_palete" href="{{url("warehouse/".$warehouse->id."/edit")}}">Edit</a>
    <a class="show_pallet" href="{{url("warehouse/".$warehouse->id)}}">Show</a>
    <form action="{{url("warehouse/".$warehouse->id)}}" method="post">
        @csrf
        @method('DELETE')
        <button type="submit" class="izbrisiDugme" onclick="remove()">Remove</button>
    </form>
</div>
@endforeach

</div>
<a class="create_palete" href="{{url("warehouse/create")}}">Create</a>

Все, что мне нужно, это установить цвет фона из опций в div brder1

Ответы [ 2 ]

0 голосов
/ 12 февраля 2020

Вы можете разместить код в документе готовым. Таким образом, фрагмент будет выглядеть следующим образом 

$(document).ready(function(){
    $("#selector").change(function(){
        $(".brder1").css('background-color', $(this).val());
    });
});
0 голосов
/ 06 февраля 2020

Вам, вероятно, нужно сделать что-то подобное

с jQuery: 

 $("#selector").change(function(){
   $(".brder1").css('background-color', $(this).val());
});
...