小编cal*_*ebo的帖子

基于部分字符串的Javascript getElementById

我需要获取元素的ID,但值是动态的,只有它的开头始终是相同的.

下面是一段代码.

<form class="form-poll" id="poll-1225962377536" action="/cs/Satellite">
Run Code Online (Sandbox Code Playgroud)

ID始终以'poll-'开头,然后数字是动态的.

如何使用JavaScript而不是jQuery获取ID?

javascript getelementbyid

56
推荐指数
3
解决办法
8万
查看次数

简单的ajax表单使用javascript没有jQuery

我正在使用一个表单,我无法更改标记并且无法使用jQuery.目前,表单将结果发布到新窗口.是否可以将其更改为ajax表单,以便在不改变任何标记的情况下显示提交结果?将结果(标记)从结果页面拉回到表单页面.

这是表格的加价.

<form class="form-poll" id="poll-1225962377536" action="/cs/Satellite" target="_blank">
<div class="form-item">
    <fieldset class="form-radio-group">
        <legend><span class="legend-text">What mobile phone is the best?</span></legend>
                <div class="form-radio-item">
                    <input type="radio" class="radio" value="1225962377541" name="option" id="form-item-1225962377541">
                    <label class="radio" for="form-item-1225962377541">
                        <span class="label-text">iPhone</span>
                    </label>
                </div><!-- // .form-radio-item -->
                <div class="form-radio-item">
                    <input type="radio" class="radio" value="1225962377542" name="option" id="form-item-1225962377542">
                    <label class="radio" for="form-item-1225962377542">
                        <span class="label-text">Android</span>
                    </label>
                </div><!-- // .form-radio-item -->
                <div class="form-radio-item">
                    <input type="radio" class="radio" value="1225962377543" name="option" id="form-item-1225962377543">
                    <label class="radio" for="form-item-1225962377543">
                        <span class="label-text">Symbian</span>
                    </label>
                </div><!-- // .form-radio-item -->
                <div class="form-radio-item">
                    <input type="radio" class="radio" value="1225962377544" name="option" id="form-item-1225962377544"> …
Run Code Online (Sandbox Code Playgroud)

javascript forms ajax form-submit

20
推荐指数
4
解决办法
3万
查看次数

纯净的CSS三角形,半透明边框.可能?

是否可以使用css绘制一个围绕它的半透明边框的箭头? 在此输入图像描述

到目前为止,这是我努力的一个小提琴:http: //jsfiddle.net/calebo/fBW4u/

CSS:

.ui-overlay {
  padding-bottom: 10px;   
  position: relative;
}
.ui-overlay-content { 
  background: #999;
  color: #000;
  padding: 8px;
  border-radius: 4px; 
  border: 5px solid rgba(0, 0, 0, 0.2); 
  background-clip: padding-box; 
  height: 100px;
  width: 200px;
}
.arrow {
  border-color: #999 transparent transparent; 
  border-style: solid; 
  border-width: 10px 10px 0; 
  bottom: 5px; 
  left: 15px; 
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden; 
}
Run Code Online (Sandbox Code Playgroud)

css webkit mobile-safari css3

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

基于文件扩展名的不同的eslint规则

是否可以根据文件扩展名将不同的规则应用于文件?例如,我有[test] .spec.js测试规范文件驻留在我的源代码中,但我想添加仅适用于它们的规则.

javascript eslint

8
推荐指数
2
解决办法
1829
查看次数

使用jQuery基于无序列表选择选择选项

我已将无序列表转换为选择选项列表,但是我不确定如何使"选定"属性添加与列表中相同超链接相关的选项.

加价

<div class="navigation">
    <ul>
         <li><a href="foo.html">Foo</a></li>
         <li><a href="bar.html" class="selected">Bar</a></li>
         <li><a href="boo.html">Boo</a></li>
    </ul>
</div> 
Run Code Online (Sandbox Code Playgroud)

使用Javascript

$('<select />').appendTo('.navigation');

// Populate dropdown with menu items
$('.navigation ul a').each(function() {
 var el = $(this);
 $('<option />', {
    "value"   : el.attr('href'),
    "text"    : el.text()
 }).appendTo('.navigation select');
});
// Navigate to page on select option
$('.navigation select').change(function() {
  window.location = $(this).find('option:selected').val();
});
// Hide navigation list
$('.navigation ul').hide(); 
Run Code Online (Sandbox Code Playgroud)

html javascript jquery selection html-lists

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

使用select2.js选择文本的不同显示值

尝试使用select2插件实现自定义选择下拉列表 是否可以让所选值仅显示实际选项'value'而不是文本,因此如果我选择'Australian Dollar',则所选文本应仅显示'AUD'

我的加价看起来像这样:

<select name="convert-to" id="convert-to">
    <option value="AUD" data-currency="AUD">Australian Dollar</option>
    <option value="USD" selected="selected">US Dollar</option>
    <option value="JPY">Japanese Yen</option>
    <option value="EUR">Euro</option>
    <option value="GBP">British Pound</option>
    <option value="CAD">Canadian Dollar</option>
    <option value="HKD">Hong Kong Dollar</option>
</select>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery jquery-chosen jquery-select2

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

对截断文本使用标题属性的可访问性

我有一个设置了最大宽度的表格单元格,如果单元格内的文本太长,它会被省略号截断。

因此,使用 title 属性来显示全文是一种合适的(可访问的)解决方案吗?

html css accessibility semantic-markup

5
推荐指数
2
解决办法
2698
查看次数

将子内容放置在父容器之外

我试图将 DIV(文章标题)直观地放置在其父 DIV(文章)容器之外。这可能吗?

在此输入图像描述

我的标记示例可以在这里找到 - http://codepen.io/calebo/pen/CGoyD

html css semantic-markup

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

图像之间褪色

如何使用jQuery淡化两个图像之间的旋转?比如说.

<img src="image01.jpg" />
<img src="image02.jpg" />
Run Code Online (Sandbox Code Playgroud)

我喜欢图像淡入/淡出,每次说2秒.

谢谢!非常感激.:)

jquery fadeout fadein

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

首先显示类类型

我有一个项目列表,每个项目都有一个班级,整个班级都在重复.我想只显示每个类的第一个实例.只有CSS才有可能吗?

<ul>
   <li class="red">red</li>
   <li class="red">red</li>
   <li class="blue">blue</li>
   <li class="blue">blue</li>
   <li class="yellow">yellow</li>
   <li class="red">red</li>
   <li class="yellow">yellow</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
ul li {display:none}
ul li .red:first-child, ul li .blue:first-child, ul li .yellow:first-child { display:block}
Run Code Online (Sandbox Code Playgroud)

因此在上面的代码中,只显示第1,第3和第5个列表项.

css css-selectors pseudo-class css3

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