forms 相关问题

有一个嵌套的，当您将鼠标悬停在其中一个嵌套的上时，需要更改其文本以匹配 ctisData2。默认情况下，文本取自的 ctisData 有一个嵌套的 <select>，当您将鼠标悬停在其中一个嵌套的 <option> 上时，您需要更改其文本以匹配 ctisData2。默认情况下，文本取自嵌套 ctisData 的 <option> 的 <select>。 <th><form class='lm_search_box'> <div style='position: relative;'> <select id='optSelect' class='lm_search_input' style='font-family: \"Roboto\"; font-size: 15px;'> <option value=''>Select</option> <option value='Option1'>Option1</option> <option value='Option2'>Option2</option> <option value='Option3'>Option3</option> </select> <select id='typeSelect' class='lm_search_input' style='font-family: \"Roboto\"; display: none;'> <option value=''>Select</option> </select> </div> </form> </th>\n"; $head .= "<script> const ctisData = { 'Option1': ['Op11', 'Op12', 'Op13'], 'Option2': ['Op21', 'Op22', 'Op23'], 'Option3': ['Op31', 'Op32', 'Op33'] }; const ctisData2 = { 'Option1': ['Option11', 'Option12', 'Option13'], 'Option2': ['Option21', 'Option22', 'Option23'], 'Option3': ['Option31', 'Option32', 'Option33'] }; function do_select(select, options) { select.innerHTML = '<option>Select</option>'; options.forEach(function(value) { var z = document.createElement('option'); z.setAttribute('value', value); z.innerText = value; select.appendChild(z); }); } var sel_category = document.getElementById('optSelect'); var sel_type = document.getElementById('typeSelect'); sel_category.addEventListener('change', function() { var selectedCategory = sel_category.value; if (selectedCategory !== '') { sel_type.style.display = 'block'; do_select(sel_type, ctisData[selectedCategory]); } else { sel_type.style.display = 'none'; } }); sel_type.addEventListener('change', function() { var selectedValue = sel_type.value; if (selectedValue !== '') { window.location.href = 'index.php?_search=' + selectedValue + '&action=search'; } }); </script> 添加了以下代码，但不起作用。文字没有改变 var options = document.querySelectorAll('#optSelect option'); options.forEach(option => { option.addEventListener('mouseover', function() { var category = sel_category.value; var index = Array.from(options).indexOf(this); var newOptionText = ctisData2[category][index]; this.innerText = newOptionText; }); option.addEventListener('mouseout', function() { var category = sel_category.value; var index = Array.from(options).indexOf(this); var originalOptionText = ctisData[category][index]; this.innerText = originalOptionText; }); }); 也许您需要添加一些CSS或其他解决方案？如何实施？请帮忙。 $head .= "<script> const ctisData = { 'Option1': ['Op11', 'Op12', 'Op13'], 'Option2': ['Op21', 'Op22', 'Op23'], 'Option3': ['Op31', 'Op32', 'Op33'] }; const ctisData2 = { 'Option1': ['Option11', 'Option12', 'Option13'], 'Option2': ['Option21', 'Option22', 'Option23'], 'Option3': ['Option31', 'Option32', 'Option33'] }; function do_select(select, options) { select.innerHTML = '<option>Select</option>'; options.forEach(function(value) { var z = document.createElement('option'); z.setAttribute('value', value); z.innerText = value; select.appendChild(z); }); } var sel_category = document.getElementById('optSelect'); var sel_type = document.getElementById('typeSelect'); sel_category.addEventListener('change', function() { var selectedCategory = sel_category.value; if (selectedCategory !== '') { sel_type.style.display = 'block'; do_select(sel_type, ctisData[selectedCategory]); } else { sel_type.style.display = 'none'; } }); sel_type.addEventListener('change', function() { var selectedValue = sel_type.value; if (selectedValue !== '') { window.location.href = 'index.php?_search=' + selectedValue + '&action=search'; } }); $('#typeSelect').on('mouseenter', 'option', function() { var selectedCategory = $('#optSelect').val(); var index = $(this).index(); $(this).val(ctisData2[selectedCategory][index]); }); $('#typeSelect').on('mouseleave', 'option', function() { var selectedCategory = $('#optSelect').val(); var index = $(this).index(); $(this).val(ctisData[selectedCategory][index]); }); </script> 有这样的选项，但是不起作用。有什么问题吗？

javascript html css forms

回答 0 投票 0

表单提交后重定向到不同页面

当用户正确填写表单时，您将如何重定向到不同的页面？我尝试了两种不同的方法：location.href =“otherpage.html”;和 location.replace("

javascript html forms

回答 1 投票 0

(JavaScript) 表单提交后重定向到不同页面

当用户正确填写表单时，您将如何重定向到不同的页面？我尝试了两种不同的方法：location.href =“otherpage.html”;和 location.replace("

javascript html forms

回答 1 投票 0

将行从成对的 html 表单元素插入到数据库表中

我有一个带有可重复输入字段的动态表单。提交表单后，接收 PHP 脚本旨在将值对作为新行插入数据库中。问题是 $...

php forms loops post sql-insert

回答 2 投票 0

如何使用NodeJS从html表单执行PATCH请求？

这是我尝试通过 NodeJS API 对从前端到 MongoDB 数据库的 HTML 表单执行补丁请求。这是一个 Nodejs API 结构 app.route("/requests/:rollno") .get(

javascript html node.js mongodb forms

回答 3 投票 0

使用下一个js从客户端上传到gcloud签名网址时出现错误403禁止

我已经设置了一个具有正确权限的 gcloud 存储桶，并创建了一个具有存储创建者角色的服务帐户。我还编写了一个 go 后端，它生成签名的 url 并传递我...

forms next.js file-upload gcloud pre-signed-url

回答 1 投票 0

“在视图更新期间修改状态，这将导致未定义的行为”使用表单内的 tabview 切换屏幕时控制台警告

这是我使用 SwiftUI 的第一个项目，它就像一个家庭库存跟踪器，我遇到了一个我不知道如何解决的问题。我的代码运行且功能正常，但是当按下按钮时...

swift forms swiftui textview

回答 1 投票 0

来自 <form> 的数据未到达 DB 中的指定列

我的这个项目在我的笔记本电脑上运行得很好，它使用 PDO 向数据库发送 3 个参数， UserName 、 Expense 、 UserID 。它显示并输入 UserID 和 Expense，但不显示 UserName，我...

php sql forms pdo

回答 1 投票 0

如何将react-hook-form与表单操作一起使用

此代码不会在提交时触发任何验证。这是登录逻辑发生的部分，使用 Zod 进行验证并使用 React Hook Form 处理表单。由于某种原因，验证

reactjs forms next.js next.js13

回答 1 投票 0

Shadcn Select 不会在 form.reset() 调用上重置（react-hook-form）

我在 FormField 组件内使用 Shadcn UI Select 组件（因此使用 zod 进行验证，使用 React-hook-form 来管理表单状态）。表单组件在提交时重置，如下所示：

reactjs typescript forms react-hook-form

回答 1 投票 0

Python：如何将从文本文件读取的行输入到变量中

我目前正在编写一个Python脚本来开发一个自动填写表单机器人。在我完成流程之前，只做 1 个站点。目前我有两个选择。选项 1 是输入客户数据

python forms fill auto

回答 1 投票 0

Laravel - 表单输入 - 一对多关系的多重选择

我正在构建的应用程序的要求之一是表单输入，该输入在单个字段中包含不同数量的项目。例如，我参加的运动是（“足球”、“网球”、“

php forms laravel one-to-many

回答 7 投票 0

csrf 令牌在浏览器中显示为文本

在此处输入图像描述，我对 django 非常陌生。我正在尝试在 django 中创建一个登录表单，但是当我在标签后面写入 csrf_token 行时，它会显示在浏览器视图中。我的一切...

django forms csrf-token

回答 1 投票 0

多复选框搜索wordpress

我需要多个复选框搜索才能工作，但我陷入困境。表格没问题，但我不知道如何进行查询。请有人帮助我吗？形式：我需要多个复选框搜索才能工作，但我被困住了。表格没问题，但我不知道如何进行查询。有人请帮助我吗？表格： <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="Loft"><div class="lbl">Loft</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="Studio"><div class="lbl">Studio</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="2 pieces"><div class="lbl">2 pièces</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="3 pieces"><div class="lbl">3 pièces</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="4 pieces"><div class="lbl">4 pièces</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="5 pieces"><div class="lbl">5 pièces</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="6 pieces et +"><div class="lbl">6 pièces et +</div> <input id="propertytype" class="noborder" type="checkbox" name="propertytype2[]" value="Proprietes, Hotels particuliers"><div class="lbl">Propriétés, Hôtels particuliers</div> 查询： $search_propertytype = ""; if (isset($_POST['propertytype2'])) { $search_propertytype = trim($_POST['propertytype2']); } if (get_option('wp_search_propertytype') == "Yes") { if($search_propertytype != '') { $search_propertytype = trim($search_propertytype); $query ="SELECT p.* FROM $wpdb->posts p, $wpdb->postmeta p1 WHERE p.ID = p1.post_id AND (p1.meta_key='propertytype_value' AND p1.meta_value='$search_propertytype' OR p1.meta_key='propertytype2_value' AND p1.meta_value='$search_propertytype')"; $sptt = getIds( $query ); $_ids = ( !empty($sptt) ? ( !empty($_ids) ? array_intersect( $_ids, $sptt) : "" ) : "" ); } } 我通过 WP_Query 和自定义元框制定了解决方案。我的查询参数如下： $args = array( 'post_type' => 'product', 'meta_query' => array( 'relation' => 'OR', array( 'key' => 'color', 'value' => 'blue', 'compare' => 'NOT LIKE' ), array( 'key' => 'price', 'value' => array( 20, 100 ), 'type' => 'numeric', 'compare' => 'BETWEEN' ) ) ); $query = new WP_Query( $args ); 查看wordpress官方文档：http://codex.wordpress.org/Class_Reference/WP_Query#Custom_Field_Parameters 您可以通过这种方式查看。也许它能有所帮助。谢谢。

php wordpress forms search checkbox

回答 1 投票 0

forms 相关问题

最新问题