На сайте есть несколько всплывающих окон, первое и последнее не привязаны к товару, остальные при вызове всплывающего окна должны присваивать selected товару. Нужно чтобы первое и последнее окно по дефолту ставило первое значение option.
<form action="success1.php" method="post" class="form1">
<div class="row">
<div class="col-md-12">
<input name="name" placeholder="ФИО:" type="text" maxlength="40" required />
</div>
</div>
<div class="row">
<div class="col-md-12">
<input name="phone" id="phone" placeholder="Телефон:" type="text" required />
</div>
</div>
<select class="select" name="comment">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<div class="row">
<div class="col-md-12 col-sm-12">
<button type="submit" class="btn btn-danger os-animation" onclick="adexQ.push('Purshase');">
ОФОРМИТЬ ЗАКАЗ
</button>
</div>
</div>
</form>
Код который у меня делает только для тех окон которые привязаны к товару
<script type="text/javascript">
$(document).ready(function(){
$('a[data-toggle="modal"]').click(function(e){
e.preventDefault();
$("select.select").val($(this).attr('data-sel'))});});
</script>
Пробовал сделать проверку выполняется ли задание значения, но не верно(я так понял задание пустого значения data-sel не считается ложным)
<script type="text/javascript">
$(document).ready(function(){
$('a[data-toggle="modal"]').click(function(e){
e.preventDefault();
if(!($("select.select").val($(this).attr('data-sel'))))
{
$("select.select").val("1");
}
});
});
</script>