当表单发送的值与下拉列表中出现的值不同时，获取选择下拉列表的值答案

【问题标题】：Get the value of Select dropdown list when the value sent by the form and that appearing in the dropdown list are different当表单发送的值与下拉列表中出现的值不同时，获取选择下拉列表的值
【发布时间】：2021-01-27 16:19:26
【问题描述】：

我有一个包含以下Select 下拉列表的表单。

<select name="some_options" id="some_options">
@foreach(options as option)
<option value="{{$option->id}}">{{$option->value}}</option>
@endforeach
</select>

这里，数据是通过控制器

从数据库发送的

选择数据如下所示

<select name="some_options" id="some_options">
<option value="opt001">Value 1</option>
<option value="opt002">Value 2</option>
<option value="opt003">Value 3</option>
<option value="opt004">Value 4</option>
<option value="opt005">Value 5</option>
</select>

现在，我有另一个 disabled 字段，一旦用户更改了 select option，它应该会获取值

<div>
<input type="text" id="some_options_cng" disabled>
</div>

我的 Javascript 代码

 var opt = $('#some_options').val();

$('#some_options').on('change',function(){

opt = $('#some_options').val();

$('#some_options_cng').val(opt);


});

现在，<disabled> 输入字段中的值显示为

opt001 或 opt002 等等。

我想将值显示为

值 1 或 值 2。

我该怎么做？

【问题讨论】：

opt = $('#some_options option:selected').text();
这不是 Mohamed-Yousef 所说明的价值，而是它的内容

标签： javascript php jquery laravel

【解决方案1】：

此代码将起作用。

$('#some_options').change(function(){
        var opt = $("#some_options").find(":selected").text(); //This line of code is 
                                                               //important
        $('#some_options_cng').val(opt);
      })

$(document).ready(function(){
  $('#some_options').change(function(){
    var opt = $("#some_options").find(":selected").text();
    $('#some_options_cng').val(opt);
  })
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="some_options" id="some_options">
<option value="opt001">Value 1</option>
<option value="opt002">Value 2</option>
<option value="opt003">Value 3</option>
<option value="opt004">Value 4</option>
<option value="opt005">Value 5</option>
</select>
<div style="height:5px;"></div>
<div>
<input type="text" id="some_options_cng" disabled>
</div>

【讨论】：