如何专门从jquery中的select标签更改innerHTML值?

时间:2019-02-09 09:13:51

标签: javascript jquery

我正在研究各种代码,以允许用户在该域上创建自定义项。如下面的示例所示,用户可以选择 example.com ,然后通过从以下选择标签中进行选择将其更改为任何 example(n).com 域。

我想要实现的是,当我选择 example1.com example3.com 时, http:// 会变成< strong> https://

示例:

当我从选择列表中选择example1.com时,输出将为

  

https:// example1.com

     

https:// example3.com

但是如果我选择 example2.com / example4.com ,它将保持不变。

  

http:// example2.com

     

http:// example4.com

我正在尝试在jquery中实现它。任何帮助和建议,将不胜感激。

Class.forName("org.sqlite.JDBC");
Connection conn = DriverManager.getConnection("jdbc:sqlite:");
Function.create(conn, "myFunc", new Function() {
           protected void xFunc() {
               System.out.println("myFunc called!");
           }
       });        
conn.createStatement().execute("select myFunc();");
function changeText(url)
  {
  document.getElementById('mydiv').innerHTML = url;
  }

1 个答案:

答案 0 :(得分:2)

查看此代码段。

function changeText(urlPostFixNumber) {
    var protocol;
    var url;
    var domain = '://example' + urlPostFixNumber + '.com';

    switch(urlPostFixNumber) {
        case "1":
        case "3":
            protocol = 'https';
            break;
        default:
            protocol = 'http';
    }

    url = protocol + domain;
    document.getElementById('mydiv').textContent = url;
}
<p id="mydiv">http://example0.com</p>

<select onchange="changeText(this.value)">
  <option value="0" selected>example0.com</option>
  <option value="1">example1.com</option>
  <option value="2">example2.com</option>
  <option value="3">example3.com</option>
  <option value="4">example4.com</option>
</select>

相关问题