Javascript 使用HTML下拉菜单更改链接

我试图使用HTML下拉菜单中的值来更改Google电子表格查询HTML表的位置

以下是我目前的下拉列表：

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

我需要它更改的链接在iframe中如下所示：

<iframe src="https://docs.google.com/spreadsheets/d/*spreadsheet key*/gviz/tq?tqx=out:html&tq=select+A,B,D,E,F,G+**where+D+contains+'*CHANGETHIS*'**&gid=2105149734" width="100%" height="200"></iframe>

基本上，我需要将其更改为等于下拉列表中选择的内容

---

这可能吗？

您可以使用javascript实现这一点。首先，您需要将id添加到select

$('option').click(function(e){
  var $item = $(e.currentTarget).attr('value');
  updateIframe($('iframe'), $item);
});

function loadIframe(iframeName, url) {
    if ( $iframe.length ) {
        $iframe.attr('src',url);   
        return false;
    }
    return true;
}

因此，将您的列表更改为

<select id="myID">             <====== heres the change
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
var value = document.getElementById("myID");
var selectedString = value.options[value.selectedIndex].value;

---

或者尽可能使用innerHTML，但显示您尝试过的内容。这是可能的，但您是否尝试自己实现它？SO上的用户如果没有原始海报的任何演示，将不愿意回答问题。您也可以使用.change事件。

var Url="https://docs.google.com/spreadsheets/d/*spreadsheet key*/gviz/tq?tqx=out:html&tq=select+A,B,D,E,F,G+**where+D+contains+selectedString+&gid=2105149734"