如何用jquery获取不同输入隐藏值的值?

Kais • 4 年前 • 462 次点击

我想在使用jquery和fancybox库单击链接时获得所有输入的一个值。例如:

HTML
<input="hidden" name="numficha[]" value="205" />
<a class='fichapuesto' data-value="205">
<div class="txtpuesto">TEXT ONE</a>
<input="hidden" name="numficha[]" value="206" />
<a class='fichapuesto' data-value="206">
<div class="txtpuesto">TEXT TWO</a>
<input="hidden" name="numficha[]" value="207" />
<a class='fichapuesto' data-value="207">
<div class="txtpuesto">TEXT THREE</a>

JQUERY
$(document).ready(function(){
  var Txt;
  $(".fichapuesto").fancybox({
    onStart: function(){
        var Txt = $("#numficha").val();
        return { href : 'infor.php?nro='+ encodeURI(Txt) }
    },
    type: 'iframe',
    width : 1100,
    height: 700,
    });
});
function resizeFancyBox(){  .... }

你能帮助我如何获取一个值到href链接吗?

当做。

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/52665

462 次点击

文章 [ 3 ] | 最新文章 4 年前

• 1 楼

Felipe 5 年前

那样的话就这样做

<input="hidden" id="nficha" name="numficha[]" value="205" />

jQuery 
 var Txt = $("#numficha").val();

• 2 楼

Steven Stark 5 年前

给他们id并使用选择器。

https://www.w3schools.com/jquery/jquery_selectors.asp

• 3 楼

Erik Philips 5 年前

你能帮助我如何获取一个值到href链接吗?

首先你需要 有效的html . 你的 定位标记 需要结束标记。没有html标记 input="hidden" ,所以我想你的意思是 input type="hidden" .

为了得到 定位标记 你会想用jQuerys .data() 方法:

$(document).ready(function() {
  $('.fichapuesto').on('click', function(e) {
    var $this = $(this);
    var value = $this.data('value');
    console.log(value);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="hidden" name="numficha[]" value="205" />
<a class='fichapuesto' data-value="205">
  <div class="txtpuesto">TEXT ONE</div>
</a>

<input type="hidden" name="numficha[]" value="206" />
<a class='fichapuesto' data-value="206">
  <div class="txtpuesto">TEXT TWO</div>
</a>

<input type="hidden" name="numficha[]" value="207" />
<a class='fichapuesto' data-value="207">
  <div class="txtpuesto">TEXT THREE</div>
</a>

如果需要基于当前html的相应输入元素,可以在选择器中使用该值:

$(document).ready(function() {
  $('.fichapuesto').on('click', function(e) {
    var $this = $(this);
    var value = $this.data('value');
    var $input = $('input[value="' + value + '"]');
    console.log($input.val());
  });
});

<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script>
<input type=“hidden”name=“numficha[]”value=“205”/>
<a class=“fichapuesto”数据值=“205”>
<div class=“txtpuesto”>文本一号<div>
</a>

<input type=“hidden”name=“numficha[]”value=“206”/>
<a class=“fichapuesto”数据值=“206”>
<div class=“txtpuesto”>文本二<div>
</a>

<input type=“hidden”name=“numficha[]”value=“207”/>
<a class=“fichapuesto”数据值=“207”>
<div class=“txtpuesto”>文本三<div>
</a>

登录后回复