js 获取type="search" 的值

在JavaScript中，你可以通过Document Object Model (DOM) API来获取id或name属性为"search"的输入元素的值。以下是一个简单的示例：

// 获取页面上所有type为"search"的input元素
var searchInputs = document.querySelectorAll('input[type="search"]');

// 遍历找到的第一个匹配的元素，假设它有一个value属性
var firstSearchInput = searchInputs[0];
if (firstSearchInput) {
    var searchValue = firstSearchInput.value;
    console.log("第一个搜索框的值:", searchValue);
}

// 如果你想处理多个输入框，可以遍历整个数组
for (var i = 0; i < searchInputs.length; i++) {
    var value = searchInputs[i].value;
    // 这里可以对每个输入的值做进一步操作
}

相关问题

<script type="text/javascript "src="js/jquery-3.7.0.js"></script> <script type="text/javascript"> $(document).ready(function() { //查询所有 $("#search").click(function(){ var username = $("#username").val(); var password = $("#password").val(); $.ajax({ url : "adduser", //请求url type : "POST", //请求类型 post|get data : { username : username, password : password }, dataType : "json", //返回数据的类型 text|json|html success : function(data){ if (data.result){ alert("add user success"); } } }); }); }); </script> UserName:<input type="text" id="username" /><br/> PassWord:<input type="text" id="password" /><br/> UserName:<input type="button" id="add" value="Add" />

这段代码是使用 jQuery 发送 AJAX 请求向服务器添加用户。当用户点击添加按钮时，代码会获取输入框中的用户名和密码，然后通过 AJAX 请求发送给服务器的 "adduser" 地址。服务器会解析请求中的参数，将用户信息存储到数据库中。如果添加成功，服务器会返回一个 JSON 格式的数据，客户端会解析这个数据并弹出提示框，提示用户添加成功。

<form action=""> <div class="form-group"> <input type="search" name="search-field" placeholder="Search Here..." required> <button type="submit"><i class="far fa-search"></i></button> </div> </form>怎么跳转界面时加一个参数

在该表单中，可以在 `action` 属性中指定表单提交时的 URL。如果需要在跳转时传递参数，可以在该 URL 中添加查询参数来实现。例如：

<form action="/example?foo=bar">         
  <div class="form-group">             
    <input type="search" name="search-field" placeholder="Search Here..." required>             
    <button type="submit"><i class="far fa-search"></i></button>         
  </div>     
</form>

上述代码将会在表单提交时跳转到 `/example` 页面，并且在跳转时传递了一个名为 `foo` 值为 `bar` 的参数。在目标页面中，可以通过 JavaScript 来获取传递的参数。例如：

const urlParams = new URLSearchParams(window.location.search);
const foo = urlParams.get('foo');
console.log(foo);  // 输出：bar

使用上述方法可以实现在表单提交时传递参数的功能。