Question

我想使用javascript修改一个标签。我有一个文本框，介绍一个邮政编码和一个按钮，找到该位置附近的停车场。 HTML标记如下：

＆＃xA;＆＃xA;

 ＆lt; script src =“http://en.parkopedia.co.uk/js/embeds/mapView.js “data-Location =”http://en.parkopedia.co.uk/parking/ST84JF/“data-options =”l = 0＆amp; tc = 0＆amp; zc = 1＆amp; country = UK＆amp; ts [] = 4＆amp; ts [] = 3＆amp; ts [] = 2“data-size =”750：400“type =”text / javascript“＆gt;＆lt; / script＆gt;＆＃xA;

＆＃xA ;＆＃xA;

我有两个问题：

＆＃xA;＆＃xA;

我可以修改数据位置以在文本框中添加文本写入在该位置搜索？
只有在使用javascript或jquery单击按钮时才能激活脚本吗？这里的主要问题是应该在HTML代码中，我不知道如何将它放在javascript文件中。

＆＃xA;＆＃xA;

代码更新：

＆＃xA;＆＃xA;

  function find（）{＆＃xA; $（ “脚本[ID = script_map]”）除去（）＆＃XA; var search = document.getElementById（'box_txt'）。value;＆＃xA; $（“＆lt; script /＆gt;”，{＆＃xA;“src”：“http://en.parkopedia.co.uk/js/embeds/mapView.js”，＆＃xA;“data-location “：”http://en.parkopedia.co.uk/parking/“+ search，＆＃xA;”data-options“：”l = 0＆amp; tc = 0＆amp; zc = 1＆amp; country = UK＆amp; ts [ ] = 4＆amp; ts [] = 3＆amp; ts [] = 2“，＆＃xA;”data-size“：”750：400“，＆＃xA;”id“：”script_map“，＆＃xA;”输入“：”text / javascript“＆＃xA;}）。appendTo（”＃divId“）＆＃xA;}＆＃xA;

＆＃xA;

Answer 1

尝试修改data-location元素的script，然后在script元素的body事件中将click元素追加到button。也可以使用$.getScript()从外部来源

中检索script

$("button").click(function() {
  var val = $("input").val();
  // Can I activate the script only when the button is clicked
  $("<script />", {
    "src":"http://en.parkopedia.co.uk/js/embeds/mapView.js",
    // Can I modify the data-location to add the text write inside the textbox
    // to search in that location?
    "data-location":"http://en.parkopedia.co.uk/parking/ST84JF/" + val,
    "data-options":"l=0&tc=0&zc=1&country=UK&ts[]=4&ts[]=3&ts[]=2",
    "data-size":"750:400",
    "type":"text/javascript"
  }).appendTo("body") 
})

Answer 2

是的，数据位置只是一个自定义属性，我相信只需使用

document.getElementById("SCRIPTTAGID").setAttribute("data-location", "newValue");

至于按下按钮时激活要执行的脚本，您需要将其包含在函数中，然后在按钮的onClick事件中调用该函数。

更改HTML

2 个答案: