Javascript 如何特别从jquery中的select标记更改innerHTML值？

我正在编写一系列代码，允许用户在这些域上创建自定义项。正如您在下面的示例中所看到的，用户可以选择example.com，并通过从下面的选择标记将其更改为任何example（n.com域

我试图实现的是，当我选择example1.com或example3.com时，http://将变为https://

示例：

当我从选择列表中选择example1.com时，输出将是

https://example1.com

https://example3.com

但是如果我选择example2.com/example4.com它将保持原样

http://example2.com

http://example4.com

我试图在jquery中实现它。如有任何帮助和建议，将不胜感激

函数更改文本（url）
{
document.getElementById（'mydiv'）。innerHTML=url；
}

http://example0.com
例1.com
例2.com
例3.com
例4.com

查看此代码片段

函数changeText（urlPostFixNumber）{
var协议；
var-url；
变量域='：//示例'+urlPostFixNumber+'.com'；
开关（urlPostFixNumber）{
案例“1”：
案例“3”：
协议='https'；
打破
违约：
协议='http'；
}
url=协议+域；
document.getElementById（'mydiv'）。textContent=url；
}

http://example0.com
示例0.com
例1.com
例2.com
例3.com
例4.com

还要尽量避免使用内联JS。将所有逻辑移出到单独的JS文件中。停止使用jquery:）无需解析数字，因此我简化了代码somethank you@LGSon进行编辑，同意。关于代码样式，更清楚的是，有一个单独的var声明，而且对于pull请求来说，它是diff友好的。此外，命名应该清晰明了。