Question

我有一个动态下拉列表，我获取ID和名称。我上面有2个输入框。如果用户将从下拉列表中选择任何值，则其ID和名称应显示在输入框中。如何在jquery中得到这个？下面是我从数据库获取下拉列表的代码。

<div class="col-md-12">
    <?php
        $m_option_selectedvalue = !empty($m_option)?$m_option:"";
        $m_option_selectbox = '<select " name="id_menu" id="id_menu" class="form-control" required  ><option value=""></option>';
        foreach ($main_menu_list as $row):
            $m_option_value = $row["id_menu"];
            $m_optione_desc = $row["name_menu"];
            $m_option_selected = ($m_option_selectedvalue == $m_option_value)?" selected ":"";
            $m_option_selectbox = $m_option_selectbox .'<option value="'.$m_option_value.'" '.$m_option_selected.'>'.$m_optione_desc.'</option>';
        endforeach;
        $m_option_selectbox .= "</select>"; 
    ?>
</div>

$m_option_value = $row["id_menu"];
$m_optione_desc = $row["name_menu"];

我从$m_option_value这个变量得到了id。并从$m_optione_desc这个变量命名。

以下是我想要这两个值的代码：

<div class="col-md-12">
    <label>Role Code </label>
    <div>
        <input type="text" name="role" id="role" class="form-control"/>
    </div>
    <label>Role Name </label>
    <div class="col-md-4">
        <input type="text" name="role_name" id="role_name" class="form-control"/>
    </div>
</div>

Answer 1

试试这个

＆＃13;

$('#id_menu').change(function(){
  var opt = $(this).find('option:selected');
  $('#role').val(opt.val());
  $('#role_name').val(opt.html());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="id_menu" id="id_menu" class="form-control" required  ><option value=""></option>
<option value="1"> item 1</option>
<option value="2"> item 2</option>
<option value="3"> item 3</option>
</select>

<div class="col-md-12">
    <label>Role Code </label>
    <div>
        <input type="text" name="role" id="role" class="form-control"/>
    </div>
    <label>Role Name </label>
    <div class="col-md-4">
        <input type="text" name="role_name" id="role_name" class="form-control"/>
    </div>
</div>

＆＃13;

如何使用jquery在输入框中显示选定的下拉列表ID和名称？

1 个答案: