Question

我试图在同一个页面中生成一个我有选择表格的网址... 但是我在代码下面提到了两个问题。

这是代码（和代码段）

＆＃13;

<!doctype html>
<html lang="ca">
<head>
  <meta charset="utf-8">
  <title>url generator</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<select id='corpusname' size='1' name='corpusname' required />
<option value='btdees_de'>btdees_de</option>
<option value='btdees_es'>btdees_es</option>
<option value='btenes_en'>btenes_en</option>
<option value='btenes_es'>btenes_es</option>
</select>
<p>Url: https://iac.upf.edu/cddz/infogen/pages/<var id="corpusname"></var>.html</p>
<p><a href='https://iac.upf.edu/cddz/infogen/pages/<var id="corpusname"></var>.html'>Actual link</a></p>

<script>
$( "select" )
  .change(function () {
    var str = "";
    $( "select option:selected" ).each(function() {
      str += $( this ).text() + " ";
    });
    $( "var#corpusname" ).text( str );
  })
  .change();
</script>
</body>
</html>

＆＃13;

＆＃34; .html＆＃34;之前的

问题1：仍然是一个我无法消除的空间。

问题2：纯文本中的网址似乎没问题，除了问题1 ，但是当尝试在href属性中使用它时，它只保留底层代码，我的意思是，它没有插入文本。

我做错了什么，或者这不是这样做的方法，如果是这样，哪一个可能是一个好方法呢？

Answer 1

不要滥用HTML标记，而是这样做：

<p>Url: <span id="plainUrl"></span></p>
<p><a id="actualLink">Actual link</a></p>

function updateContent() {
    var value = $(this).val();
    var link = "https://iac.upf.edu/cddz/infogen/pages/" + value + ".html";

    $("#plainUrl").text(link);              // update plain text
    $("#actualLink").attr("href", link);    // update href
}

updateContent.call($("#corpusname").change(updateContent));

https://jsfiddle.net/DerekL/9mce43jn/

Answer 2

它来自str += $( this ).text() + " ";行，尝试删除最后一个" "。

选择表单后生成URL

2 个答案: