如何將我的HREF設置爲來自輸入字段和選擇列表的文本？

我試圖將我的按鈕的HREF設置爲輸入字段中的文本，以及用戶單擊搜索按鈕時從我的選擇列表中選擇的選項。如何將我的HREF設置爲來自輸入字段和選擇列表的文本？

<div> 
    <div> 
    <input type="text" value="Keywords" style="width:206px" /> 
    </div> 
    <div style="clear:both"> 
    <select> 
     <option value="Test">Test</option> 
    </select> 
    </div> 
    <div> 
    <button><a href="">Search</a></button> 
    </div> 
</div>

如何設置從輸入框的值，並選擇列表中選擇的值將href？我可能需要爲此創建一個表單，但我認爲我可以更簡單一些。我只需要編譯搜索字符串並將用戶重定向到適當的頁面，因爲搜索引擎已經建立。

謝謝！

編輯我使用PHP來加載選擇列表中，但我不能夠提供選擇列表被填充方式，因爲它在其公司敏感信息的代碼1

對不起球員。我不應該包括這一點。

來源

2013-03-19 meanbunny

您需要爲此使用javascript。但是，我會將這些元素封裝在一個表單中，並在發佈後處理服務器端的處理。 – jeroen 2013-03-19 16:28:17

你使用jQuery或只是普通的舊JavaScript的呢？ – cernunnos 2013-03-19 16:28:28

爲什麼你用'php'標記這個？有沒有告訴我們的組件或您已經使用的代碼？ – David 2013-03-19 16:29:26

使用javascript，您可以檢索和表單字段的值，並將其處理爲您所需的。

假設選擇ID的select和鏈路ID的是link：

var value = document.getElementById('select').value; 
document.getElementById('link').setAttribute('href', value);

來源

2013-03-19 16:34:32 Wanderson

好的，我想我明白這一點。所以我可以建立一個函數，點擊它建立href值？ – meanbunny 2013-03-19 16:37:06

你可以按照你需要的方式準備它，比如'onchange'（一個'select'字段的好事情） – Wanderson 2013-03-19 16:58:35

我最終用這個答案去了，謝謝！ – meanbunny 2013-03-21 14:42:50

隨着PHP（不使用jQuery的，沒有使用Javascript），你會在你的表單中使用一個提交按鈕，並與$_POST工作：

1表單（剝離下來到基礎）：

<form method="post">  
    <input name="keywords" type="text" value="Keywords" style="width:206px" /> 
    <select name="options"> 
     <option value="Test">Test</option> 
    </select> 
    <input type="submit" name="ok" value="ok" /> 
</form>

2，在你的PHP頁面的開始，其保存FO rm：

if (isset($_POST['ok'])) { // submit has been clicked... 

    if (isset($_POST[keywords])) { // there's input in keywords 

     $keywords = $_POST['keywords']; 
     // sanitize $keywords to prevent sql-injection 

     // go to the page you want to call... 
     // assuming there's no output before header ... 
     // and $keywords is in the right format ... 
     // and you retrieved $_POST['options'] to do sth with that, too 

     header('Location: http://www.url.com/page.php?key=$keywords'); 
    } else exit('no keywords entered!'); 
}

來源

2013-03-19 16:44:55 michi

+1準確地說，我只是懶得打出類似的東西:-) – jeroen 2013-03-19 16:51:07

@jeroen :-)祝你有美好的一天 – michi 2013-03-19 16:55:40

如何將我的HREF設置爲來自輸入字段和選擇列表的文本？

回答

相關問題