创作新主题

社区所有版块导航

Python

python开源 Django Python DjangoApp pycharm

DATA

docker Elasticsearch

问与答闲聊招聘翻译创业分享发现分享创造求职区块链支付之战

aigc

aigc chatgpt

WEB开发

linux MongoDB Redis DATABASE NGINX 其他Web框架 web工具 zookeeper tornado NoSql Bootstrap js peewee Git bottle IE MQ Jquery

机器学习

机器学习算法

Python88.com

反馈公告社区推广

产品

短视频

印度

一周十大热门主题

智谱ZCode被爆未经用户同意擅自打包整个工作区和Git历史记录上传到服务器

2026.09.19 果比AI早报 — 英伟达Agora：13个智能体用Git共享状态协作12天完成...

机器学习学术速递[9.18]

ZCode疑似上传本地用户的Git全量历史

10 款 GitHub 免费好工具[260919]

电子签章完全开源！基于若依（RuoYi）框架深度定制的电子签章与工作流管理系统！|gitcc.com...

北京大学孙强团队JACS：计算引领实验，机器学习揭示无序岩盐正极锂离子输运新机制

AI智能配音舱开源！AI 驱动的音视频转写、翻译与配音 Web 应用 | gitcc.com原创

Agent超实用玩法：把整个GitHub变成自己的武器库

运营怎样借助 ChatGPT 打通建联、谈判、发货、审稿、发布全链路？Codex 实操，如何帮运营完...

私信 • 关注

Mamun

Mamun 最近创建的主题

» Mamun 创建的更多主题

Mamun 最近回复了

6 年前

回复了 Mamun 创建的主题 » 使用jQuery替换两个具有命名id的div标记之间的内容(标记和文本)

你可以试着用 .nextUntil()

获取每个元素的以下所有同级元素,包括但不包括传递的选择器、DOM节点或jQuery对象匹配的元素。

$('#before').nextUntil('#after').remove()

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="before">Contents of before div</div>
<div>Between #1</div>
<p>Between #2</p>
<div>Between #3</div>
<div id="after">Contents of after div</div>

6 年前

回复了 Mamun 创建的主题 » Jquery只在依赖的select下拉列表上触发一次

属性与属性

查询1.6 .prop() 方法提供了显式检索属性值的方法,而 .attr() 检索属性。

你可以试着用 .prop() :

.prop('disabled', 'disabled');

演示: (根据评论中的讨论)

$(document).ready(function() {
  $("select[name=category]").on("change", function() {
    if($(this).val() == "") { 
      $("select[name=subcategory]").prop('disabled', 'disabled');
      $("select[name=ename]").prop('disabled', 'disabled');    
    } else {
      $("select[name=subcategory]").removeAttr("disabled");
      if($("select[name=subcategory]").val() == "") { 
        $("select[name=ename]").prop('disabled', 'disabled');
      } else {
        $("select[name=ename]").removeAttr("disabled");
      }
    }
    
  }).trigger('change');
  $("select[name=subcategory]").on("change", function() {
    if($(this).val() == "") { 
      $("select[name=ename]").prop('disabled', 'disabled');
    } else {
      $("select[name=ename]").removeAttr("disabled");
    }
  }).trigger('change');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="category">
  <option value="">Select</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
<select name="subcategory">
  <option value="">Select</option>
  <option value="a">A</option>
  <option value="b">B</option>
</select>
<select name="ename">
  <option value="">Select</option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>

6 年前

回复了 Mamun 创建的主题 » 如何使用jquery删除按钮单击时附加的div?

.parents()

.家长() 和 .parent() 方法是相似的,只是后者只在DOM树上移动一个级别。也, $( "html" ).parent() 方法返回包含文档的集合,而 $( "html" ).parents()

自从单击元素( .btnRemove ) 的( div.row .parent() 使用 :

$(document).ready(function () {
    $("#add").click(function () {
      $("#mydiv").append($("<div class='row' id='row'> <div class='col-md-4'><div class='form-group'><div class='col-md-10'><input type='text' name='vname[]'class='form-control' placeholder='Vazhipad Name' /></div></div></div><div class='col-md-4'><div class='form-group'><div class='col-md-10'><input type='text' name='vprize[]'class='form-control' placeholder='Vazhipad Prize' /> </div></div> </div><div class='form-group'><div class='col-md-10'><button type='button' id='btnRemove' class='btn btn-primary btnRemove'>-</button></div></div></div></div>"));
    });
    $('body').on('click', '.btnRemove', function () {
      $(this).parents('div.row').remove()
    });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="add">Add</button>
<div id="mydiv"></div>

6 年前

回复了 Mamun 创建的主题 » 如何使用JQuery和JavaScript创建更改警报的按钮?

alert Window 方法,但您正试图在元素上访问它。

您可以尝试以下方法:

<select class="form-control" name="insurance_id"  onchange="myFunction(this)">
  <option value="" id="myInput">Travel Date</option>
  <option value="" id="myButton">Issued Date</option>
</select>

<script>
  function myFunction(sel) {
    var text = sel.options[sel.selectedIndex].text
    alert(text);
  }
  myFunction(document.querySelector('select'));
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-control" name="insurance_id">
  <option value="" id="myInput">Travel Date</option>
  <option value="" id="myButton">Issued Date</option>
</select>

<script>
  $('select').change(function(){
    alert($(this).find('option:selected').text());
  }).trigger('change');
</script>

6 年前

回复了 Mamun 创建的主题 » 使用JQuery.find()访问引导模式中的输入文本字段

当实际值为空时,您正试图在模态显示时访问输入值。您应该访问按钮的click handler函数中的值。

请注意: this 根据执行它们的上下文不同,因此 modal 点击并 button click有自己的 这 . 为了保存 这 (模态)可以将其存储在变量中,然后再使用它。

$('#my_modal').on('show.bs.modal', function(e) { 
  var id = $(e.relatedTarget).data('id');
  var that = $(this);
  $(this).find('button[id="save"]').click(function() {
    var txt = that.find('input[id="txt"]').val();
    alert(id);
    alert(txt);
   });
  
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<a href="#my_modal" data-toggle="modal" data-id="1">Edit</a>

<div class="modal" id="my_modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title">Click Save!</h4>
      </div>

      <div class="modal-body">
        <div class="form-group">
          <label for="txt" class="control-label">Text:</label>
          <input id="txt" class="form-control" autofocus="autofocus" placeholder="1000"/>
        </div>
     </div>

     <div class="modal-footer">
       <button id="save" type="save" class="btn btn-primary" data-dismiss="modal">Save</button>
       <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
     </div>
   </div>
 </div>
</div>

7 年前

回复了 Mamun 创建的主题 » 为什么这个javascript/jquery没有捕获用户输入?

问题是,您正在从页面加载时的输入中获取值,而该值为空。

您应该按如下方式获取click handler函数中输入字段的值:

var baseURL = "http://api.giphy.com/v1/gifs/search?q="
var apiKey = "Yz4pO4lJDaMYGIX80M9gc2Mq7HKKS2or"
$("#find-giphy").on("click", function () {
  var input = $("#search-field").val();
  var queryURL = baseURL + input + "&api_key=" + apiKey + "&limit=10";
  $.ajax({
      url: queryURL,
      method: "GET"
  }).then(function (response) {
      console.log(response);
      console.log(queryURL);
  })
})

<div class="container">
    <h1>gifTastic!</h1>
    <label for="search-field">Find a TV Show: </label>
    <input type="text" id="search-field">
    <input id="find-giphy" type="submit" value="giphy Search">
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

7 年前

回复了 Mamun 创建的主题 » 将输入值保存到jquery中的内联单击变量中后从该输入中获取该值

你有问题

onclick="onclick="deleteItem($(this))

我想只是路过这对功能来说就足够了。我也喜欢 Template literals .

你可以尝试以下方式:

$(document).on('click','.addItem', function(){

    $(this).append(`<div class="col3">
        <input type="hidden" class="itemId" name="itemId[]" value="hiddenTestValue">
        <a class="rowDeleteButton" onclick="deleteItem(event,this)">Delete Button</a>
        <div class="saveButton rowSave">Save Button</div>
    </div>`)
  
});

function deleteItem(e, el){
  var hdInput = $(el).parent().find('.itemId');
  console.log('value before:',hdInput[0].value);
  hdInput[0].value = '';
  console.log('value after:',hdInput[0].value);
  e.stopPropagation();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="addItem">Test</div>

7 年前

回复了 Mamun 创建的主题 » 单击按钮时jquery分别显示

你的结构 HTML 建议您可以使用索引隐藏/显示元素:

$('#showMcq, #showOe, #showLt, #showAs').click(function() {
  var idx = $('button').index(this);
  $('.course-design-custom').hide(); //hide all
  $('.course-design-custom').eq(idx).show(); //show only by matching the index 
});

.d-none{display: none;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="showMcq">MCQ</button>
<button id="showOe">Open Ended</button>
<button id="showLt">Learning Task</button>
<button id="showAs">Assessment</button>

<div class="container">
  <div class="row course-design-custom" id="McqView">
      MCQ
  </div>

  <div class="row course-design-custom d-none" id="OeView">
      Open Ended
  </div>

  <div class="row course-design-custom d-none" id="LearningTaskView">
      Learning Task
  </div>

  <div class="row course-design-custom d-none" id="AssessmentView">
     Assessment
  </div>
</div>

7 年前

回复了 Mamun 创建的主题 » jquery:未在动态添加的输入控件上触发keyup事件

用于动态创建的元素 delegated event :

$('body').on('keyup', 'input[type=text]' function (e) {

7 年前

回复了 Mamun 创建的主题 » 如何使用jquery在对象中保存输入值,然后将其保存到数组中

您应该在全局环境中声明数组(在函数外部)。在对象内部还存在一些语法问题(应该是 : 而不是 = )那么你可以简单地 push() 对象在数组中的每个按钮中单击。

请尝试以下方法:

var pessoas = [];
function vai(){
  var pessoa = {
    nome: document.getElementById('nome').value,
    idade: document.getElementById('idade').value
  };
  pessoas.push(pessoa);
  console.log(pessoas);
}

<label>Digite seu nome aqui</label>
<input type='text' id='nome' placeholder='aquii'>
<label>Digite sua idade aqui</label>
<input type='text' id='idade' placeholder='aquii'>
<button onclick='vai()'>
  Teste aqui
</button>

你不使用 小精灵 通过维护一个变量几乎是正确的,除了变量声明范围。您必须将其声明为全局变量。您可以将对象分配到当前位置,并在每个函数调用中增加该位置:

var pessoas = [];
var i = 0;
function vai(){
  var pessoa = {
    nome: document.getElementById('nome').value,
    idade: document.getElementById('idade').value
  };
  pessoas[i] = pessoa;
  i++;
  console.log(pessoas);
}

<标签>Digite Seu Nome Aqui</Label>
<input type='text'id='nome'placeholder='aquii'>
<label>Digite Sua Idade Aqui</label>
<input type='text'id='idade'placeholder='aquii'>
<button onclick='vai()'>
试验Aqui
</button>

请注意: 您也可以简单地使用 length 财产数组的当前值指数在这种情况下,您需要维护变量:

var pessoas = [];
function vai(){
  var pessoa = {
    nome: document.getElementById('nome').value,
    idade: document.getElementById('idade').value
  };
  pessoas[pessoas.length] = pessoa;
  console.log(pessoas);
}

<标签>Digite Seu Nome Aqui</Label>
<input type='text'id='nome'placeholder='aquii'>
<label>Digite Sua Idade Aqui</label>
<input type='text'id='idade'placeholder='aquii'>
<button onclick='vai()'>
试验Aqui
</button>

» Mamun 创建的更多回复