通过使用链接防止默认的select输入行为
，可以通过以下两种方式实现：
- 使用JavaScript事件处理程序： 首先，通过使用JavaScript的事件处理程序来防止默认的select输入行为。在点击select元素时，触发onclick事件，并阻止默认行为。可以使用以下代码实现：
- 使用JavaScript事件处理程序： 首先，通过使用JavaScript的事件处理程序来防止默认的select输入行为。在点击select元素时，触发onclick事件，并阻止默认行为。可以使用以下代码实现：
- 通过这种方式，当用户点击select元素时，不会打开下拉选项列表。
- 使用CSS样式： 可以通过CSS样式来隐藏select元素的下拉箭头，使其看起来像一个普通的文本输入框。这样用户就无法通过点击箭头打开下拉选项列表。可以使用以下代码实现：
- 使用CSS样式： 可以通过CSS样式来隐藏select元素的下拉箭头，使其看起来像一个普通的文本输入框。这样用户就无法通过点击箭头打开下拉选项列表。可以使用以下代码实现：
- 通过这种方式，select元素的外观将变为一个文本输入框，用户无法点击箭头来打开下拉选项列表。
总结： 通过以上两种方式，可以防止默认的select输入行为。第一种方式使用JavaScript事件处理程序，通过阻止默认行为来实现。第二种方式使用CSS样式，隐藏了select元素的下拉箭头，使其看起来像一个文本输入框。根据具体需求选择合适的方式来实现。
相关·内容
1回答
返回主页
、
我正在为我的客户的移动站点()使用Jquery .如下所述的问题：
浏览
搜索输入某物，说'a‘
你会得到一份名单
点击主页图标
您将返回到主页，但没有下拉保留功能。
实际上，下拉列表的选项是使用PHP获取的，因为url从更改为类似于"“的内容，设计会变得混乱，功能也会丢失。
难道没有任何方法可以不使用目标就链接到_blank吗？
浏览 0提问于2012-09-20得票数 2
我正在使用mootools框架向表单添加文本输入。下面是我的代码：
正如您所看到的，输入字段显示了一秒钟，然后消失。你知道为什么会发生这样的事情吗？
谢谢
浏览 0提问于2012-04-16得票数 0
回答已采纳
我在一个具有多个输入的表单中使用jqueryUI自动完成+ Combobox小部件。
当我标签到一个复选框并点击返回时，我会立即关注combobox生成的输入元素。这发生在每个输入元素上，而不是在selects上。
我怎么才能避免这种情况？
(选项卡到第二个复选框点击返回)
代码：
<form id="filterForm">
<input type="checkbox" value="abc">
<input type="checkbox" value="abc"&
浏览 1提问于2015-01-22得票数 2
回答已采纳
我有一个带有svg元素的页面，我使用该页面拖放rectangle，并将它们连接到彼此。基本上，您可以拖动li元素并将它们放到svg上。
问题是我不能编辑输入元素。我认为原因是与svg的交互，因为我放置了一个愚蠢的input。如果您不使用svg，则可以像往常一样编辑输入。但是，拖放操作之后，您就不能更改输入.
有什么问题吗？
UPDATE在进一步调查这个问题之后，我发现KeyboardEvent不是在拖放和绘制操作之后触发的。
浏览 1提问于2013-12-20得票数 0
回答已采纳
1回答
对于每个web浏览器，通过选择页面上的各种输入元素/链接等，按下Tab键循环。我希望这样做，以便当用户在<textarea>中按下<textarea>时，它会创建一个“选项卡”字符，就像在文本文档中一样。怎样才能做到呢？
浏览 3提问于2016-10-17得票数 0
回答已采纳
我只是想知道如何在这样的JavaScript上触发<a>函数：
$('a').click( function() { your_code_here; return false; } );
然后使用它运行一个JavaScript函数，该函数运行如下所示：
$.post("queries.php")
它运行PHP函数，该函数运行如下所示的SQL查询：
public function GetResults()
{
list($subjectID, $sectionID, $principleID) = explode('#', $
浏览 11提问于2014-04-08得票数 0
回答已采纳
当单击编辑链接时，我正在尝试使我的表可编辑。这个部分确实有效，但是我相信“保存”或“取消”按钮是被触发的，它正在退出编辑。
$(function () {
$('.edit-mode').hide();
$('.edit-user, .cancel-user').on('click', function () {
var tr = $(this).parents('tr:first');
tr.find('.ed
浏览 0提问于2019-09-10得票数 0
回答已采纳
1回答
我确信这是我漏掉的很愚蠢的东西。 我正在编写一小段代码，将连字符添加到从输入字段获取的字符串中。只有当我们到达位置4时，才会添加连字符，所以我可以输入123，连字符就不会出现。如果我键入1234，它将自动更改为1234-。问题在于处理粘贴，在jQuery中的某个地方(在我的代码执行之后)，它会向字段中注入更多的字符。 我的方法很简单。我查看keyup和keydown事件，检查输入并插入连字符。为了粘贴，我甚至看着粘贴，抓住字符串，拆分它，并插入一个连字符，这取决于是否存在一个连字符。 $('[id$="field"]').on('paste',
浏览 18提问于2019-06-14得票数 0
回答已采纳
我有一个网站，它有规则的空格键功能，不只是在输入框内，所以我不能让它返回假如果目标是身体。我只想阻止它向下滚动页面，但允许其他功能。用香草JS可以做到这一点吗？这是我的代码：
//Many other functions here
function spacebar() {
window.onkeydown = function(e) {
if ((watch.isOn) && (!done)) {//u can stop it with any key
watch.freeze();//stop the stopwatch
}
el
浏览 5提问于2017-09-24得票数 1
回答已采纳
假设我有一个链接：
<a href='http://example.com/file.zip' id='dl'>Download</a>
当有人点击它的时候，我想做点什么，比如：
$("#dl").live("click", function(e){
e.preventDefault();
$("#dlbox").fadeOut(500);
});
在I e.preventDefault之后，有没有办法继续doDefault？就像这样
$("#dl").liv
浏览 0提问于2012-03-05得票数 9
回答已采纳
3回答
这是我调用函数的html行：
<a href="" onclick="showMe(0);">Oranges</a>
这是javascript：
function showMe (whichClass) {
var fruitShow = document.getElementsByClassName('fruit')[whichClass];
fruitShow.style.display = 'inline';
}
当我单击链接并显示水果时，它可以工作，但是它消失了。当站点加
浏览 4提问于2014-07-07得票数 0
回答已采纳
我做过的任何搜索都找不到答案。
我有一个简单的按钮，使用HTML中的锚标记：
<a id="beginUpload" href='/upload' class='button-style'>Upload</a>
数据是从HTML上带有id 'file‘的输入元素生成的。
我的jQuery方法如下：
$("#beginUpload").click(function () {
var data = {
mimeType : document.getElementById('
浏览 1提问于2016-10-18得票数 0
回答已采纳
preventDefault应该只用在锚标签上吗？
例如，我是否需要将preventDefault添加到select？
$(".select").onchange(function(e) {
e.preventDefault();
var value = $(this).attr('value');
window.location = '?filter=' + value;
});
浏览 0提问于2011-09-20得票数 0
回答已采纳
1回答
在我的HTML页面的开头，我的对话框的定义：
<script type="text/javascript">
$(function() {
$( "#dialog-confirm" ).dialog({
autoOpen: false,
resizable: true,
height:180,
width:300,
modal: true,
buttons: {
"Yes": function() {
$( this ).dialog( "clos
浏览 2提问于2016-04-20得票数 0
1回答
背景：
我正在jQuery移动(JQM)开发一个电子商务站点。我创建了一个产品页面，该页面使用JQM的拆分按钮Listview属性列出了特定类别中的所有产品。
这里是我的工作代码：
<ul data-role="listview" data-inset="true" data-split-icon="plus" data-split-theme="d" data-theme="d" data-dividertheme="d">
<li data-role="
浏览 0提问于2012-06-06得票数 2
回答已采纳
如果我将输入字段包装在表单字段中，有人能帮助我理解为什么控制台日志无法打印值吗？
HTML：
<form>
<input id="formEntry" type="text">
<button id="btn-3">Add Custom Line</button>
</form>
JavaScript：
var addCustomLine = function(){
var customLine = document.getElementBy
浏览 5提问于2017-03-16得票数 0
回答已采纳
我有两个输入元素，一个是文本框，另一个是在HTML页面中并排出现的下拉列表(Ddl)。用户应该输入一个大于5的值(这只是一个示例)，然后从ddl中选择一项。
我已经编写了一个验证，每当文本框中有更改时都会发生验证。如果该值不大于5，则通知用户该值应大于5，并将焦点设置到文本框中。(我使用的是Jquery)
$(".textBox").change( function(){
alert("Quantity should be greater than 5");
$(this).val("");
$(this).focus();
}
浏览 1提问于2014-08-02得票数 0
3回答
我的熔岩灯剧本有问题。一般来说-URL不起作用。在html中，它们看起来很好，所以我假设它必须是一个jQuery代码，它可以锁定页面中的所有内容。请你看一看，让我知道它有什么问题吗？这个问题把我逼疯了。谢谢。这里的HTML代码-在我看来没问题：
<script type="text/javascript">
$(function() {
$(".menu-lava").lavaLamp({
fx: "backout",
speed: 700,
浏览 6提问于2013-06-05得票数 0
回答已采纳
当我单击Upload按钮而不输入country code和file时，它会发出警告，即please enter the code and choose the file。但是，一旦我选择了这些字段，然后单击Upload按钮，method does not get called。我也尝试过使用console.log进行检查。
handleSubmit() {
if (!this.state.selectedFile) {
alert('Please select The file');
return false;
}
i
浏览 5提问于2022-01-17得票数 0
2回答
$.ajax({
type:'GET',
cache: 'false',
url:"/foo/",
data:{"id": pid},
success:function(data) {
$('#wrapper').html(data);
}
});
<li id="btn-click" class="select">{{ promo.name }}</li>
为什么ajax url以#.结尾假
浏览 2提问于2011-03-31得票数 0
回答已采纳
我有一个提交按钮和一个普通的html按钮的redux表单。我不希望在按下正常按钮时验证表单。但看起来表单总是被验证一次，然后当我再次单击按钮时，按钮上的onclick就会执行。我如何防止这种情况发生？
我用同样的形式复制了同样的问题。例如，如果转到，请在age字段中输入4，然后单击clear values。第一次验证时触发和停止按钮操作。第二次按钮动作起作用时，表单值将被清除。
浏览 12提问于2017-01-11得票数 5
1回答
加载页面时，表单campaignid输入值将自动填写。当我单击其他字段时，它会重置为默认字段。
我能做些什么来防止默认情况并保留我的campaignid输入值？
我使用获取campaignid参数并将它们插入到campaignid值中。
import { Button, FormControl, Input } from "@chakra-ui/react";
import { Field, Form, Formik } from "formik";
import Script from "next/script";
export defau
浏览 9提问于2022-02-17得票数 0
我已经尝试了所有的方法，试图在推送图像的图像地图区域时移除高光。我已经一次又一次地搜索google，并添加了我能找到的所有CSS代码，希望它能有所帮助。但事实似乎并非如此。
下面是我正在讨论的一个例子：
我添加了以下内容：
-webkit-user-modify: read-write-plaintext-only;
border:none;
outline: 0;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-khtml-user-select: none;
-o-user-select: none;
浏览 1提问于2013-01-03得票数 4
1回答
我刚在网上看到了这个。JS如下所示：
$(function() {
$('#add').click(function() {
return !$('#select1 option:selected').appendTo('#select2');
});
$('#remove').click(function() {
return !$('#select2 option:selected').appendTo('#select1');
}
浏览 4提问于2015-10-02得票数 5
回答已采纳
我尝试将以下脚本添加到我的Users页面的Index.cshtml视图的末尾，但是没有调用它。我试过用$(document).ready(function () {等来包装它，但似乎没有什么不同。
<script>
$("#UserSearch").click(function () {
$("#usernameSearchString").text("newText");
});
</script>
下面是Index.cshtml视图：
@model IEnumerable<CCM.
浏览 18提问于2018-08-30得票数 1
回答已采纳
我正在开发我自己的博客网站与Next.js和MD转录。我有锚链接的问题。我所有的标题<h1>成为锚链接使用下一个链接组件：
<Link passHref href={"#" + anchor.href}>{anchor.name}</Link>
通过这种方式，锚链接可以正常工作。但是，当我输入一个锚链接，然后按后退按钮(从浏览器或router.back())，而不是返回到我来自的页面，它只是返回到链接没有锚链接#或我点击的最后一个锚链接。
有一种方法，我可以回到级联，而不需要推到最后一页？如果我从一个博客帖子X到一个博客帖子Y，我怎么能回去直
浏览 3提问于2022-03-31得票数 0
回答已采纳
3回答
我正在用php和im制作一个待办事项列表应用程序，使用无序列表打印它们，我想要的是首先显示待办事项列表的标题，并在最初隐藏它们的内容，但后来通过jQuery.This中的out.What事件显示是我到目前为止一直尝试的…
<?php
include_once "connect_to_mysql.php";
$name = $_POST['name'];
$todo = $_POST['todo'];
$sql = mysql_query("INSERT INTO todo (todo,name)
VALUES('$to
浏览 0提问于2012-02-27得票数 0
回答已采纳
如果我将锚标记用作：
<a href="/page1" onclick="return false;">page 1</a>
搜索引擎会看到吗？
会把链接汁传给它吗？
SEO可以吗？
我使用angular4来构建我的站点，如果使用锚标记href重新加载应用程序或页面，如果我使用routerLink属性作为angular4，则应用程序将更改页面而不重新加载页面或应用程序，比如ajax。此外，内容将从数据库加载，从wysiwyg编辑器加载，所以当用户单击链接时，我不能让站点重新加载。在这方面，我可以将事件url传递给routerLink函数，
浏览 0提问于2018-01-08得票数 3
我的页面上有几个输入字段文本：
<input type="text">
表单是在我按下输入其中一些时提交的，这正是我不想要的。是什么导致了这种行为？
我三次检查，我没有提交按钮(实际上我根本没有任何按钮)
浏览 3提问于2013-05-27得票数 1
回答已采纳
1回答
所以，我正在开发一个web应用程序，其中一个功能是按住按钮来增加或减少一个值。
现在，该应用程序的后盾是Meteor.js运行角作为前端。我的功能非常好，除了移动Safari。每当用户试图按住按钮，或快速按下按钮时，iOs就会打开放大镜，并尝试在页面上随机选择一些文本。
有什么办法解决这个问题吗？我的google已经返回了-webkit-user-select: none;，但这似乎解决不了我的问题。
浏览 2提问于2015-10-26得票数 0
我有一个带有输入的组件，当我按enter键时，我会被重定向到我的父组件。即使当我输入@keyup时，我也有同样的问题。
是因为我在一个子组件里吗？如何禁用enter键的操作？
<div class="form-field">
<input v-model="userInput" :placeholder="$t('findCenter.placeholder')" type="text">
<div class="btn
浏览 4提问于2022-08-24得票数 0
回答已采纳
3回答
我有以下HTML。
<ul class="static">
<li class="static dynamic-children">
<a class="static dynamic-children menu-item" href="test.php" tabindex="0">
<span class="additional-background">
<span
浏览 3提问于2013-12-22得票数 3
回答已采纳
1回答
我对jquery没有使用包装在类中的链接有问题。
HTML：
<span class="back_btn">
<a href=""><img src="images/back.png" id="img_resize" /></a>
</span>
Jquery：
<script type="text/javascript">
$(document).ready(function(){
$
浏览 1提问于2014-03-18得票数 3
回答已采纳
3回答
我必须提交一个表单，打开下一页，但在下一页的网址必须是#/索引/字符串。
我有一个带有输入框和按钮的页面。我已经有了打开新页面的逻辑，通过：
var inputStr = document.getElementById('input_box').value;
var w = window.open("indes.html", '_blank');
w.input = inputStr;
并将其显示在新页面上
<script> document.write(input);</script>
但是我必须将这个“字符串”输入到
浏览 2提问于2013-09-12得票数 0
1回答
我正在进行一个Ajax调用和一个来自<a>标签的页面重定向。示例代码：
<a onclick="return clickFn()" href="somelink"></a>
clickFn(){
someAjaxCall()
redirectPageByExtractingHrefFromTheElem()
return false;
}
我知道，一旦进行了ajax调用，如果页面重定向，那么回调将被取消，但服务器将继续调用。
但我感到困惑的是，在页面重定向调用发生之前，ajax调用是否会从浏览器触发。因为在我的测试
浏览 0提问于2017-03-15得票数 1
我有一个带有action="result.php的html表单。现在的问题是，我希望我的表单只有在我的javascript中的某些函数返回true的情况下才能继续使用true，并且我可以这样做，
function init() {
var form1 = document.getElementById("test");
if (validat() == true){
form1.onsubmit = validatequiz;
}
}
window.onload = init;
validat函数要么返回true，要么返回
浏览 0提问于2015-05-21得票数 0
回答已采纳
2回答
我想知道当我点击菜单中的edito时，如何在URL中使用jquery添加散列？
单击detect this时的示例：
mydomain.com/edito
并转换为以下内容：
mydomain.com/#edito
浏览 6提问于2016-03-02得票数 1
在这里呆了几天后，我感觉自己走错了路。
尝试使用<select>来跟踪多个客户端选择。
<div id="ajax">
<select id="select_site" name="site" multiple>
<option value="" selected>checked</option>
<option value="" selected>checked</option>
<option va
浏览 3提问于2013-06-11得票数 0
回答已采纳
1回答
我有一个具有简单输入和select2输入的表单，如下所示：
当第一个输入被聚焦时，按enter键应该提交表单(在本例中，重定向到404页)。
由于某些原因，多个select2输入会阻止表单提交。如果删除select2类或multiple属性，表单将正常运行。
在Mac上对Safari、Chrome和Firefox进行了测试，并且在所有浏览器上都是一致的。
(我使用的是jQuery 2.1.3和select2 4.0.1)
浏览 5提问于2016-02-02得票数 6
回答已采纳
我已经编写了一个文本类型的简单输入，但是当我的光标在文本框中时，当我按回车时，它就会失去焦点。如何忽略enter键以停止文本框中的焦点丢失？我试着做这样的事：
<input type="text" (keyup)="keepFocus($event)" />
keepFocus()是一种方法：
keepFocus(e) {
e.target.select();
}
但是这种方法每次我按一个键时都会被调用，这不是很有效。是否有更好的解决方案来处理这种行为？
浏览 2提问于2017-08-26得票数 1
回答已采纳
我在使用带有onclick的输入type=image标签来运行一些javascript时遇到了问题。与input type=button完美配合，但当用于图像输入时，它将运行更改DOM的脚本(将图像添加到div)，但会在几秒内清除回默认页面，添加的图像显示为短暂的闪光，然后消失。 所以，通过使用谷歌，我最终找到了一个解决方案。我改变了： <input type="image" id="greenGoButton" src="Images2/goButton.png" alt="Submit" onclick="lo
浏览 34提问于2018-12-31得票数 1
我有一个带按钮的html页面，我给它分配了事件监听器。每当单击其中一个按钮时，页面都会返回到其原始状态，就好像浏览器已关闭并再次打开一样。因此，如果我在文本字段中输入了一些信息，则只要单击按钮，它们就会被清除，即使它的事件侦听器什么也不做。
同样，如果我将此事件侦听器包含到html、<body onload="pageLoaded();">中，则无论何时单击按钮，都会调用pageLoaded()函数。
为什么会发生这种情况，我如何才能防止这种情况发生？
浏览 0提问于2012-07-04得票数 1
如果用户单击链接，则应打开弹出窗口。
这是我们的current.html
<a href="#" onclick="window.open('important.html', '_blank', 'width=900,height=600');>
这是很好的工作，但是，href="#"阻止页面去任何地方。
我想要处理这样一种情况:用户可能会右键单击链接，然后在New 中选择Open。
目前，current.html的一个新选项卡将打开，而不是important.html --因为href=
浏览 0提问于2015-12-29得票数 0
回答已采纳
2回答
我有一个基本的揭示使用jquery和淡出。它工作得很好，除非上面有内容，只要单击其中一个链接，它就会跳到页面的顶部。
$(".link").click(function() {
$('.content-container div').fadeOut('slow');
$('#' + $(this).data('rel')).fadeIn('slow');
});
有人能提出解决办法吗？
浏览 3提问于2013-07-29得票数 1
回答已采纳
在iPad Safari中，我编写了一个DIV的触摸事件程序，这样当您触摸到DIV内部并将手指在那里保持500 ms时，DIV的背景色就会发生变化。
当我试图将代码移到文本输入元素(在字段集中)，使其成为触摸目标而不是DIV时，代码不起作用。尽管有此CSS，文本输入仍被选中：
input[type=text] {-webkit-touch-callout:none; -webkit-user-select:none }
有没有办法拦截iPad Safari中文本输入元素的触摸事件，并以自定义的方式处理它们，从而防止默认行为？或者，为了获得支持这一点的输入，我还必须做一些额外的事情吗？我
浏览 4提问于2010-07-22得票数 5
2回答
我有一个带有多个输入字段的表单，我试图做一个js脚本，当我单击一个按钮时，我的输入变为空，而我的表单不提交。
这是我的表格：
let btnClear = document.querySelector('button');
let inputs = document.querySelector('inputs');
btnClear.addEventListener('click', () => {
inp
浏览 8提问于2022-07-12得票数 0
1回答
我使用Bootstrap 3 nav作为类似于“可折叠的div”的东西，它包含多个级别的菜单。但是我有一个关于导航项目或它的超链接点击事件的问题，我想禁用它，这样我的菜单就可以按我想要的方式工作。
当然，我已经将我的自定义事件分配给了导航项目，这将打开第二个级别，但由于某些原因，这在移动设备上不能很好地工作。
我甚至为超级链接尝试了javascript:void()，但我认为bootstrap的单击事件被分配给了<li>
浏览 1提问于2014-01-28得票数 1
我正在尝试使用JQuery，这样当用户单击一个超文本标记语言链接时，我在JavaScript文件中编写的函数就会被调用。
<a href="#" id="advanced_options">Show advanced options</a>
和
$(document).ready(function() {
$("#advanced_options").click(function() {
alert('hello');
});
});
当我点击链接时，它不会报警，而是跳转到另一个链接。为
浏览 0提问于2013-05-28得票数 0
回答已采纳
阿尔法: 44
我目前在angular2中的按钮有问题.
它们似乎有一些在angular1中不存在的奇怪行为，甚至在任何纯html中也不存在奇怪的行为。
每次我点击我的按钮，页面就会重新加载.不是提交按钮..。所以它不应该重新加载页面！
另一个在angular2中非常令人沮丧的行为是，大量错误使得浏览器重新加载，而我们丢失了控制台日志……
这是代码
createPlayer() {
let p = new PlayerModel('s', 1);
console.log(p);
}
<form>
<div class="for
浏览 1提问于2015-10-23得票数 12
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
