如何将函数应用于选项所选标记?

如果您的问题是希望这个逻辑在页面加载上运行,也可以在更改上运行,那么您可以简单地触发它。

$(...).on('change', ...).trigger('change');

trigger 将导致事件处理程序立即执行。

您可以简单地添加

style="display: none;"

在标签上 github_link id 当你在html中定义它时。把它露出来藏起来就行了。

不过,定义css更为优雅 class 像:

.invisible {
    display: none;
}

使用 addClass / removeClass 隐藏/显示标签,据我所知, show() 和 hide() 不是jquery中最快的特性:

$('select').on('change', function() {
      var developer = {{ developer_id }};
      var value = $(this).val();
      console.log(developer);

      $("#github_link")[((value == developer) ? "remove" : "add") + "Class"]("invisible");
})

当您的选择被更改时,您的脚本将加载,因此要使它在页面加载时工作,您需要将它放在任何事件之外

var developer = {{ developer_id }};

$('select').on('change', function() {
  var value = $(this).val();
  console.log(developer);

  if (value == developer) {
    $('#github_link').show();
  } else {
    $('#github_link').hide();
  }
})

// Outside any events as well

var value = $('select').val();

if (value == developer) {
    $('#github_link').show();
} else {
    $('#github_link').hide();
}

或者让它更简单,我们可以把它放在一个函数中:

var developer = {{ developer_id }};

function fName(value){
    if (value == developer) {
         $('#github_link').show();
    } else {
        $('#github_link').hide();
    }
}

$('select').on('change', function() {
    var value = $(this).val();
    console.log(developer);

    fName(value)
});
fName($('select').val());