javascript - 我如何使用 javascript 获取选择选项中的值

Question

当我在选项中选择一个派对名称时，我正在从表中获取 acno。我已经很累了，我从表中获取了 acno，但它没有放在选项框中。

我的 Controller 代码:

 public function get_states2()
    {
        $name = $this->input->post('name');
$result = $this->db->query("SELECT TAcNo FROM tipup_payment LEFT OUTER JOIN parmaster on parmaster.pcode =  tipup_payment.TName WHERE PName='$name' ")->result_array();
echo json_encode($result);
}

我的查看页面代码:

<div class="col-md-6">
<div class="form-group form-group-xs">
<div class="col-lg-9">
    Party Name:
<select class="form-control countries"  name="City">

<option></option>
<?php foreach ($PName as $row ): ?> 
<option value="<?php echo trim($row['PName']); ?>"><?php echo trim($row['PName']); ?></option><?php endforeach ?>
</select>
</div>
</div>
<div class="form-group form-group-xs">

<div class="col-lg-9">
    AcNo:
<select multiple="multiple" style="height: 85px;"  id="Name" class="form-control states">   
<option value=""></option>
</select> 
<?php echo form_error('Area', '<div class="text-danger">', '</div>'); ?>
</div>
</div>
<div id="item">
<input type="checkbox" name="item">With Details</center></div>
</div>
</div>

我的脚本代码:

    <script type="text/javascript">

    $(document).ready(function(){

$('.countries').change(function(){
    var name = $('.countries').val();
$.ajax({
            type: "POST",
            url: "<?php echo base_url();?>Tieup/get_states2",
            data:{name:name}, 
            datatype: 'json',

            success: function (data) {
                    /*get response as json */
                    alert(data);
                    var result = jQuery.parseJSON(data);
                var no = result.TAcNo;

                    $("#Name").val(no);

                    /*ends */

                }
            });
        });
    });

</script>

这是我的 View 页面，当我选择一个派对名称时，它应该在 acno 选项框中显示 acno(它位于派对名称下方)。

Answer 1

给你的下拉列表一个类或id你的 html

<select class="product">

</select>

你的 jquery 代码遍历所有你的值并将它一个一个地设置在你的选项值中，最后使用 .html()

将所有你的 html 注入(inject)你的选择选项

var value =  [{"TAcNo":"341"}]
var options =  '<option value="">Select</option>';


$(value).each((index, item) => { //loop through your elements
  console.log(item)
  options += '<option value="'+item.TAcNo+'">'+item.TAcNo+'</option>';
});

$('.product').html(options);

希望对你有帮助