小编hal*_*een的帖子

禁用编辑文本输入的默认值

我有一个搜索表单

<input id="price_from" value="price from ">
<input id="price_to" value="price to ">
<button>search</button>
Run Code Online (Sandbox Code Playgroud)

如何禁用dafault文本的编辑?当用户开始输入价格金额时,无法编辑"价格从"和"价格到",但它们会保留在输入字段中.我已经为jquery尝试了不同的掩码插件,但是他们没有显示默认文本,直到你专注于字段而不提供自定义文本选项.只有占位符一个字符.

html

25
推荐指数
1
解决办法
9万
查看次数

删除粘贴事件Javascript上输入字段中的所有非数字字符

我有几个领域的HTML.其中一个字段仅允许数字输入.但是现在我希望当用户执行时将所有字符粘贴到该字段中,除了剥离或删除的数字.

例如用户粘贴:

输入字段中的$ 1 234 567 - > 1234567

1.234.567 - > 1234567

1,234,567 - > 1234567

等等

html javascript

6
推荐指数
1
解决办法
5697
查看次数

将href添加到JQuery对话框按钮

我确定它非常简单,但找不到任何东西.我有一个对话框:

$(function() {

    $(".dialog").hide();
    $( "#dialog:ui-dialog" ).dialog( "destroy" );

    $( "#dialog-message" ).dialog({
        modal: true,
        autoOpen:false,
        width: 800,
        buttons: { "Accept": function() {alert("OK");}, "Close": function() {$(this).dialog("close");}}
    });

    $(".button").mousedown(function () {
            $("#dialog-message").show().dialog("open");
    });
});
Run Code Online (Sandbox Code Playgroud)

我需要的是将"接受"按钮链接到任何网址.此时它显示警报.提前致谢

jquery jquery-ui

3
推荐指数
1
解决办法
2620
查看次数

中间垂直对齐<li>菜单中的<a>

我需要在菜单的中间标签中垂直对齐.另外如果客户端会更改标签的值,它会分成两行,它将保持在中间位置.我知道vertical-align:middle适用于表格单元格,但我需要从<li>元素生成菜单.请参阅下面的示例代码

HTML

  <ul>
    <li><a href="#">qwe</a></li>
    <li><a href="#">asd</a></li>
    <li><a href="#">zxcvbnm asdfgh</a></li>
  </ul>
Run Code Online (Sandbox Code Playgroud)

CSS

ul {
  list-style: none;
}
li {
  float:left;
  border: 1px solid;
  margin: 1px;
  height: 60px;
  width: 60px;
  background: tomato;
  text-align: center;
  vertical-align: middle;  
}
a {
  vertical-align: middle;
}
Run Code Online (Sandbox Code Playgroud)

并在jsbin工作原型

html css

1
推荐指数
1
解决办法
2万
查看次数

.click()只影响一个带有类的元素

我有新闻列表,包括短文和全文,以及新闻文章的标题.单击它可以扩展完整视图,反之亦然.然而,点击第一篇文章也会扩展所有其他文章.我如何只影响我点击的那个?

这是一个例子:

$(document).ready(function () {
    $('.news-expand').click(function () {
        $(".news-content-short").toggle();
        $(".news-content-full").toggle();
        $('.news-date').toggleClass('active-date');
        $('.news-expand').toggleClass('active');
    });
});
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

1
推荐指数
1
解决办法
2542
查看次数

标签 统计

html ×4

javascript ×2

jquery ×2

css ×1

jquery-ui ×1