PHP求助：隐藏输入框取值及搜索按钮点击失效问题

Hey there! I see you’ve spent around 3 hours hunting for solutions on Stack without luck—let’s tackle your two search engine issues, starting with your core problem first since that’s the most pressing.

1. Core Problem: Search Button Fails to Trigger Results (Works When Pressing Enter) #

This is super common, and usually boils down to one of these scenarios:

• Missing type="submit" on your button: If your button is just <button>Search</button> without specifying the type, some browsers default it to type="button" (which doesn’t trigger form submission automatically). Fix this by updating your button tag:

  <button type="submit">Search</button>
  

• JavaScript blocking form submission: If you’ve added a click event listener to the button that uses e.preventDefault() but doesn’t manually trigger the form submit, that’ll stop the button from working. Check your JS code—if you need custom logic before submitting, make sure to explicitly submit the form:

  document.querySelector('.search-button').addEventListener('click', function(e) {
    // Any pre-submission logic here (e.g., validation)
    document.querySelector('form').submit(); // Manually send the form
  });
  

• Typos or mismatches in form attributes: Double-check your form’s action URL and method (GET/POST). A tiny typo in the action could cause the button submission to fail silently, while pressing Enter still sends the request to the wrong endpoint.

2. Populating a Hidden Input Field with the Visible Input’s Value #

You’ve got two solid options here, depending on when you need the value copied:

• On form submission (most reliable): Hook into the form’s submit event to set the hidden field’s value right before the request goes out:

  document.querySelector('form').addEventListener('submit', function(e) {
    const visibleInput = document.getElementById('search-input');
    const hiddenInput = document.getElementById('hidden-search-field');
    hiddenInput.value = visibleInput.value;
    // The form will now include the hidden field with the correct value
  });
  

• Real-time as the user types: If you need the hidden field to update immediately as text is entered, use an input event listener on the visible input:

  document.getElementById('search-input').addEventListener('input', function(e) {
    document.getElementById('hidden-search-field').value = e.target.value;
  });
  

Give these fixes a try—if you’re still stuck, feel free to share the full code snippet of your form and any associated JavaScript, and we can dig deeper!

内容的提问来源于stack exchange，提问作者user9111600