• jquery--获取同一个属性的多个input,和select


    jquery获取同一个属性的多个input值

    <input type="text" name="name"  id="input_name" placeholder="请输入名称">
    <input type="text" name="name"  id="input_name" placeholder="请输入名称">
    $("input[name='name']").each(function(index,item) {
       console.log(this.value)
       })
    jquery获取同一个属性的多个select值
    数据如:
    {{ project_data.choiceSelect }}
    # [{'verbose_name': 'age', 'options': ['11', '22', '33']}, {'verbose_name': 'name', 'options': ['zhangsan', 'li']}]
    {% for choice in project_data.choiceSelect %}
        <div class="form-group">
            <label><input id="choice_name" value="{{ choice.verbose_name }}" disabled style="border: none" name="choice_name"></label>
              <select class="choice_options form-control"  id="choice_options">
                       {% for ds in choice.options %}
                           <option value="{{ds}}" name="choice_options">{{ds}}</option>
                       {% endfor %}
               </select>
       </div>
    {% endfor %}

    var choice_options_list = new Array()
    $(".choice_options").each(function(index,item) {
       choice_options_list.push(this.value)
    })
       console.log(choice_options_list)

    jquery点击增加同样的表单内容

    <div class="form-group">
      <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">日志路径 <span class="required" style="color: red">*</span>
      </label>
      <div class=" logs col-md-6 col-sm-6 col-xs-12" >
        <input type="text" id="logPath" required="required" name="logPath" class="form-control col-md-7 col-xs-12">
      </div>
    </div>
      <input type="button" value="添加" onclick="add()">
    
    // 添加日志输入框函数
        var addLog = '<input type="text" id="logPath" required="required" name="logPath" class="form-control col-md-7 col-xs-12">'
    
        function add() {
            $(".logs").append(addLog)
    
        }
     
  • 相关阅读:
    FreeModbus TCP
    C#之用户自定义控件
    使用C库制作DLL
    C# Unable to load DLL 'WzCanDll.dll':找不到指定的模块
    C#之改变窗体icon图标、新建类文件、调用dll库
    sim800c GPRS模块的透传模式
    STM32上使用JSON
    STM32之串口IAP更新升级
    Fortran语言的REWIND和BACKSPACE 函数
    Code blocks 编译Fortran(转载)
  • 原文地址:https://www.cnblogs.com/lutt/p/12723397.html
Copyright © 2020-2023  润新知