2016-04-03 138 views
0

我需要电子表格查询方面的帮助,可以从用户输入中设置搜索条件。我更改了电子表格密钥,因为它是机密信息,但如果我手动键入MY VARIABLE的实际数字(在CONTAINS%20%27之后显示),代码将起作用。如何从用户输入设置搜索条件?

我需要帮助的是将由用户输入的id代码替换下面的查询中的MY VARIABLE的代码。谁能帮忙?

<input type='text' id='userInput' value='Enter Text Here' /> 
<input type='button' onclick='javascript:changeText2()' value='Click here after you enter your Skyward Password'/> 
Click on link to see your PRIDE info : <a href="https://spreadsheets.google.com/tq?tqx=out:html&tq=SELECT%20B%2C%20C%2C%20D%2C%20F%20WHERE%20D%20CONTAINS%20%27MY_VARIABLE%27&key=xxxxxgoogle spreadsheet keyFT7mL4DLX1xzeDsnzsbZG5jp4ZcWAOxU&gid=0" id=lnk>Click her for PRIDE info</a> <br> 

回答

0

第一:不使用JavaScript:

<input type='button' onclick='changeText2()' value='Click here after you enter your Skyward Password'/> 

它将输出和错误,如果你写:ID =油墨而不是ID = “墨水”

Click on link to see your PRIDE info : <a href="" id="Ink">Click her for PRIDE info</a> <br> 

现在代码:

function changeText2(){ 
    var ink = document.getElementById('Ink'); 
    ink.href = "https://spreadsheets.google.com/tq?tqx=out:html&tq=SELECT%20B%2C%20C%2C%20D%2C%20F%20WHERE%20D%20CONTAINS%20%27" +encodeURIComponent(document.getElementById('userInput').value)+ "%27&key=xxxxxgoogle spreadsheet keyFT7mL4DLX1xzeDsnzsbZG5jp4ZcWAOxU&gid=0" 
} 

encodeURIComponent用于转义t他串。 简单,还是?

+0

谢谢,可惜它没有奏效。 这是我试图嵌入示例电子表格的关键代码。 function changeText2(){var ink = document.getElementById('Ink'); ink.href =“https://spreadsheets.google.com/tq?tqx=out:html&tq=SELECT%20B%2C%20C%2C%20D%2C%20F%20WHERE%20D%20CONTAINS%20%27”+ encodeURIComponent方法(的document.getElementById( 'userInput')。值)+ “%27&键= 1LUkEwP-HEIFdYZSqwHvKgYHWqrP1f6rGXm0yLFlBE44&GID = 0”} https://docs.google.com/spreadsheets/d/1LUkEwP-HEIFdYZSqwHvKgYHWqrP1f6rGXm0yLFlBE44/edit#gid=127431008 – Mike

+0

以下是我的示例数据电子表格的链接。提前致谢。 https://docs.google.com/spreadsheets/d/1LUkEwP-HEIFdYZSqwHvKgYHWqrP1f6rGXm0yLFlBE44/edit#gid=127431008 – Mike

+0

也许我应该只描述我想要做什么,看看是否有更好的方法来做到这一点。从我的谷歌网页我想让学生输入他们的密码,并有API语言查询来创建一个HTML显示只是他们从上面列出的示例网页的信息。 – Mike