javascript - jQuery:在表单上选择焦点，显示 div。在模糊时隐藏 div

Question

很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它， visit the help center 。

已关闭 10 年前。

对不起我的英语

我有这个代码:

jsfiddle

没问题

当“选择”如下所示时，我如何调整代码:

<select id="example[164]" name="example[164]" type="text" />
<option value="0">0</option>    
<option value="1">1</option>    
<option value="2">2</option>    
<option value="3">3</option>    
</select>
<div class="test">    
Some text...<br /><input type="checkbox" name="foobar" value="1" /><br />More text...       
</div>`

jsfiddle

感谢您的帮助

:D)

Answer 1

除 HTML5 之外，此 HTML 无效。字符[] id 中不允许属性，应该是字母、数字、句点、连字符、下划线和冒号。

为了将无效的 id 与 jQuery 匹配，您需要转义 []带有两个反斜杠:

// Match all select elements beginning with example in the id
$('#example\\[164\\]')

在您的示例中，更改 $('#example')至$('#example\\[164\\]')

$('#example\\[164\\]').focus(function() {
    if (timer)
        clearTimeout(timer);
    $('div.test').css('display','block');
    // etc...

后来，它还显示为:函数(e){

    if ($(e.target).closest('.example, #example\\[164\\]').length) return;

但是，由于这不是有效的 id 属性(除非您使用 HTML5)，因此您应该匹配元素的 name属性，如果这是在服务器端生成的，请将 id 属性更改为有效的值，例如 <select id='example_164'> .

// [] are valid in a name
$('select[name="example[164]"').focus(function() {
    if (timer)
        clearTimeout(timer);
    $('div.test').css('display','block');

Here is the updated jsfiddle