Question

我正在为客户更新网站。他们得到了名为selection[0]，selection[1]，selection[2]，selection[3]的表单元素。当表单提交给PHP时，它以数组形式出现。在jQuery中我想选择[0]一个。

我尝试过做$('input[name="selection[0]"]')但没有运气。是否可以通过名称选择第一个如何？我会做一个ID，但是这个表单的每个ID都是相同的ID，并且这些ID用于一些现有的jQuery验证插件。

<select id="Snorkeling_Selection" name="Snorkeling_Selection[0]" class="validate[required]" style="padding:2px; border:thin solid #94B5C7; width:90%; height:23px; margin-bottom:8px; background:#FFF;">
    <option value="">Select Option</option>
    <option value="Traditional Snorkeling">Traditional Snorkeling</option>
    <option value="Power Snorkeling">Power Snorkeling</option>
</select>

和我正在使用$('input[name="Snorkeling_Selection[0]"]')

的选择

Answer 1

你必须逃避＆＃34; [＆＃34;和＆＃34;]＆＃34;用\。

Fiddler：http://fiddle.jshell.net/JYLY9/

示例：

alert($('input[name="selection\\[2\\]"]').val());

HTML：

<input name="selection[1]" value="Test 1"></input>
<input name="selection[2]" value="Test 2"></input>
<input name="selection[3]" value="Test 3"></input>

来源：

使用任何元字符（例如！＆＃34;＃$％＆amp;＆＃39;（）* +，。/：;＆lt; =＆gt;？@ [] ^`{|}〜）作为名称的字面部分，它必须用两个反斜杠逃脱：\。例如，一个元素 id =＆＃34; foo.bar＆＃34;，可以使用选择器$（＆＃34; #foo \ .bar＆＃34;）。 W3C CSS 规范包含有关有效CSS的完整规则集选择。同样有用的是Mathias Bynens关于CSS的博客文章标识符的字符转义序列。

http://api.jquery.com/category/selectors/

Answer 2

看到您的编辑问题后......尝试使用:eq() Selector

LIVE DEMO

jQuery的：

$(function() {

  $('#form').on('submit',function(e) {

     e.preventDefault();    

     var sel1 = $('#select option:eq(0)').prop('value');

     alert(sel1);
  });  
});

jQuery按名称选择第一个输入

2 个答案: