分类 默认分类 下的文章

  • 单选框(radio)

    • 获取当前选中的值: $('.selector:checked').val()
    • 设置选中的值: $('.selector').val([selectedValue]); (注意不是$('.selector').val(selectedValue), 这样会将所有单选框的值设为selectedValue,关于val([value])的用法可以查看jq的val用法说明)
    • 禁止单选框选择,同时表单提交时该值能一起提交

      //这个技巧就是将除选中的那个单选框之外的都设置为disabled,这样就无法切换到其他的单选框, 同时选中的radio没有被disabled所以表单提交时,该值也能提交
      //js脚本如下
      <script>
      $(':radio:not(:checked)').attr('disabled', true);
      </script>
  • 多选框(checkbox)

    • 获取选中值: selectedArray = $.map($('input[name="locationthemes"]:checked'), function(c){return c.value; })
  • 下拉选择框(select)

    • 怎么禁止下拉框选择,不使用disabled,因为disable不能表单提交?

      <style>
      select[readonly] {
          background: #eee;
          cursor: no-drop;
      }
      select[readonly] option {
          display: none;
      }
      </style>
      然后在你要禁用的select标签上加上readonly属性

常见操作

  • select下选择框移除底下所有option选项,但保留第一个option选项?

    $('#selectId option:not(:first)').remove();//假设你的select下拉框id为selectId

究其原因,是因为php和json语法将\当成特殊字符, 所以想要原样表达,不要想着如何脱去(这样容易出错,把原本就是的也脱去了).
相反,应该将每个\都替换成\, 这样就能表达他原本的意思. 如下例子

$json = '{"myClass": "app\\class\\test"}';
$re = json_decode($json, true);//结果为null

#将\替换成\\即正常了
$newJson = str_replace('\\', '\\\\', $json);
$re = json_decode($newJson, true);//正确输出

参考:
https://stackoverflow.com/questions/32056940/how-to-deal-with-backslashes-in-json-strings-php

http请求中的host字段可能很少有人注意到, 即使注意到也知道他实际用处可能也不多. 今儿咱们就来说说这个host, 我相信这会颠覆很多人之前的认识.
假设有个nginx配置如下:

server {
    listen      80;
    server_name www.a.com;
    return 200 '这是第一块server';
}
server {
    listen      80;
    server_name www.b.com;
    return 200 '这是第二块server';
}

此时我们请求http://www.a.com, 这是大家熟悉的,会由第一块server处理.
而在上面基础上在请求时在请求头指定host: www.b.com ; 此时的结果会很出乎许多人的意外.该请求就会由第二块server处理.
你可能会纳闷为什么nginx没按照请求的地址http://www.a.com走?这就需要看下nginx处理机制.

经过查阅官网.原来,nginx处理一个请求时,决定由哪个server块处理请求是根据请求头中host字段来判断,和请求网址的域名并没有关系(只是当我们发起请求时,没有特意指定该host字段时, 请求客户端会自动帮我们计算,一般就是域名.). 此外值得留意的,如果请求头的host在nginx配置都不到一个对应server块, 那就是按照由于默认server块处理, 如果没有明确指定default server, 那么第一个server就是默认的. 更多的细节可见官网如下链接

- 阅读剩余部分 -