如何通過使用同一按鈕使用文本框的兩個ID來執行兩種不同的操作

Question

在下面的文本框中，我有兩個不同的ID（即“ s”和“ primary-search-input”），並且只有一個按鈕。

第一個ID是插件ID，用於在用戶輸入任何關鍵字會獲得相關建議時執行搜索建議工作。 第二個id（即primary-search-input），用於在用戶單擊按鈕時獲取搜索關鍵字結果。

在上述情況下，兩個ID都有不同的不同任務。 當我將id =的第一和id ='primary-search-input'第二，如下所示時，它將僅執行第一個id動作（即獲得建議），當我將id ='primary-search-input'放在第一和id時=''作為第二個位置，那么它將僅執行第一個id操作（即，在單擊按鈕時獲取關鍵字結果）。

我的查詢是，我如何同時執行兩項操作，例如，當用戶在文本框中輸入任何文本時，他將獲得建議，同時單擊按鈕時，也將在單擊按鈕時獲得關鍵字結果。

<input name="s"  id="s" id="primary-search-input"  class="wide input" type="search" value="<?php if(isset($_GET['s']) && !isset($_GET['product'])) { echo sanitize_text_field(stripslashes(trim($_GET['s']))); } ?>" placeholder="<?php _e('I am shopping for...', 'framework')?>" />

<div id="primary-search-btn" class="medium primary btn"><a href="#"><i class="icon-search"></i></a></div>

Answer 1

您不能在單個輸入中使用多個ID。 從XHTML 1.0 Spec

在XML中，片段標識符的類型為ID，每個元素只能有一個類型為ID的屬性。 因此，在XHTML 1.0中，將id屬性定義為ID類型。 為了確保XHTML 1.0文檔是結構良好的XML文檔，在上面列出的元素上定義片段標識符時，XHTML 1.0文檔必須使用id屬性。 有關確保在將XHTML文檔作為媒體類型text / html提供服務時確保此類錨向后兼容的信息，請參見HTML兼容性指南。

每個元素只能有一個ID，但實際上可以有多個類。 但是沒有多個類屬性，請將多個類值放入一個屬性中。

Answer 2

每個元素只能有一個類型為ID的屬性。 但是，您可以使用data-* attributes 。 data-* attributes使我們能夠在所有HTML元素上嵌入自定義數據屬性。

您可以使用如下所示的HTML：

 <input name="s"  id="s" data-id="primary-search-input"  class="wide input" type="search" value="<?php if(isset($_GET['s']) && !isset($_GET['product'])) { echo sanitize_text_field(stripslashes(trim($_GET['s']))); } ?>"   placeholder="<?php _e('I am shopping for...', 'framework')?>" />

<div id="primary-search-btn" class="medium primary btn"><a href="#"><i class="icon-search"></i></a></div>   

請參閱此鏈接以獲得更好的理解。

Answer 3

您不能將兩個id用作輸入。 網頁的ID必須是唯一的。 我認為您應該像這樣進行一些切換編程-

<input type="button" id="s" value="" onclick="toggle()">
<script>

var flag = 0;
function toggle(){

    if(flag == 0){
        // do some work whatever you wanna do first
        flag=1;
    }else{
        // Do some task whatever you wanna do next
        flag = 0;
    }
}
</script>