Question

我想在下拉列表中将选项值设置为选项ID或类。我有一个下拉列表

 Uri notification_sound  = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION);

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
        NotificationChannel notificationChannel = new NotificationChannel(CHANNEL_ID, CHANNEL_NAME, NotificationManager.IMPORTANCE_HIGH);


        AudioAttributes attributes = new AudioAttributes.Builder()
                .setUsage(AudioAttributes.USAGE_NOTIFICATION)
                .build();


        notificationChannel.setSound(notification_sound, attributes);//for enable sound 

        notificationChannel.enableLights(true);

        notificationManager.createNotificationChannel(notificationChannel);
    }

我想要这样的下拉列表

<select id="test">
<option value="tes1">Tes1</option>
<option value="tes2">Tes2</option>
<option value="tes3">Tes3</option>
</select>

我试图安装的选项ID /类的值。

Answer 1

您可以使用jQuery的.prop()方法来做到这一点。

$("#test option").each(function(){
  $(this).prop("id", $(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select id="test">
  <option value="tes1">Tes1</option>
  <option value="tes2">Tes2</option>
  <option value="tes3">Tes3</option>
</select>

Answer 2

您可以在陪审制中使用.attr()设置属性

$('option').each(function(){
$(this).attr('id',$(this).val())
$(this).attr('class',$(this).val())
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="test">
<option value="tes1">Tes1</option>
<option value="tes2">Tes2</option>
<option value="tes3">Tes3</option>
</select>

Answer 3

检查：

$("#test > option").each(function() {
  $(this).attr('id',this.text.toLowerCase());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="test">
  <option value="tes1">Tes1</option>
  <option value="tes2">Tes2</option>
  <option value="tes3">Tes3</option>
</select>

组选项值作为选项类别/ ID的jQuery

3 个答案: