在选择选项关闭后，获取视图中下拉列表的值

Question

我有一个弹出并显示一些变量的模态。在显示这些变量之后，它有一个包含几个选项的下拉列表。我正在尝试获取它，以便他们在下拉列表中选择的值能够转换为标记，这样我就可以在他们选择后的操作中使用它。在他们选择下拉列表后，假设他们选择10x，我需要在他们选择它后提取值10，用它来乘以我内部的$netincome标记。这是我的代码：

<div class="modal-body">
<?php echo form_open(base_url('admin/work/start_working'), 'class="form-container"'); ?>

<div class="form-group has-feedback">
<input type="text" name="basin" id="basin" value="<?= $netincome; ?> <?= $ress; ?>" class="form-control" placeholder="<?= $netincome; ?>" > <center>&</center> <input type="text" name="basin" id="basin" value="<?= $netincome2; ?>" class="form-control" placeholder="Cash: <?= $netincome2; ?>" >
</div>
<br>
<div class="form-group has-feedback">
<select id="times" name="times" class="browser-default custom-select custom-select-lg mb-3">
<option value="1" selected>1x</option>
<option value="2">2x</option>
<option value="5">5x</option>
<option value="10">10x</option>
<option value="20">20x</option>
<option value="40">40x</option>
<option value="42">42x</option>
</select>
</div>
<br>
<?php
$amt = WHERE I'M TRYING TO PULL THE OPTION VALUE ABOVE;
?>
<?php 
$finalamt = $netincome * $amt;
?>
<div class="form-group has-feedback">
<input type="text" name="netin" id="netin" value="<?= $finalamt; ?> <?= $ress; ?>" class="form-control" placeholder="<?= $finalamt; ?>" > <center>&</center> <input type="text" name="basin" id="basin" value="<?= $netincome2; ?>" class="form-control" placeholder="Cash: <?= $netincome2; ?>" >
</div>
</div>

下拉列表下是$amt标记，下面是我乘以$netincome*$amt的地方。我只是似乎无法捕捉到期权的价值。我的Javascript不是很流利，所以我不确定这是否是一个更好的选择。

Answer 1

在提交表单时为select onchange事件编写一个事件侦听器

$(document).ready(function(){
$('#times').change(function(){
// Call submit() method on <form id='myform'>
$('#myform').submit();
});
});

然后在服务器端上使用张贴方法$_post['times']获取日期

Answer 2

如果您试图使用PHP获取值，则必须提交表单才能使用获取值

$_POST['times'];

或者如果你想要它没有页面加载，那么你可以使用Jquery

var times = $('#times').val();

您可以在jquery中对其进行多重显示，并将其显示在某个地方，例如：

var total = times * 10;

在类似于id为abc:的元素中的某个位置显示此总数

$('#abc').html(total);

您的最终代码将是：

<div id="abc"></div>
<script>
$(document).ready(function(){
$('#times').change(function(){
var times = $('#times').val();
var total = times * 10;
$('#abc').html(total);
});
});
</script>

Answer 3

您的最终代码将是：

<div id="abc"></div>
<script>
$(document).ready(function(){
$('#times').change(function(){
var times = $('#times').val();
var total = times * 10;
$('#abc').html(total);
});
});
</script