javascript - JS - 获取 #id 而不是 .val()

Question

有没有办法获取id而不是where的值

$('#' + $(this).val()).show();

$(function() {
  $('#inputtype').change(function(){
    $('.fastallow').hide();
    $('#' + $(this).val()).show();
  });
});

HTML

<select id="inputtype" class="form-control" name="typeof"> 
     <option value="FALSE" selected>Methods</option> 
    <?php foreach ($mb as $namee): ?> <option id="<?= $namee->u_ft; ?>" value="<?= $namee->username; ?>"><?= $namee->vn; ?></option> 
    <?php endforeach ;?> 
</select> 

和

<div class="form-row fastallow" id="1" style="display:none;">
.
.
.
</div>

我只想在选项 id = 1 的地方显示 div

Answer 1

您不能在页面中重复 ID，它们根据定义是唯一的

在 <option> 上使用数据属性而是使用 :selected选定目标的选择器 <option>为了访问该属性

$(function() {
  $('#inputtype').change(function(){
    // "this" is the <select>
    $('.fastallow').hide();
    $('#' + $(this).find(':selected').data('id')).show();
  });
});

.fastallow{display:none}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="inputtype" class="form-control" name="typeof">
   <option></option>
   <option data-id="1" value="someVal">One</option>
   <option data-id="2"  value="anotherVal">Two</option>
</select>
<div id="1" class="fastallow">Content One</div>
<div id="2" class="fastallow">Content Two</div>