Javascript 如何使用jquery获取值输入
我有两张表格:表格一和表格二。form2是隐藏的,当我点击validation按钮时,form1消失,form2出现。form1包含一个input1。当我点击validation按钮时,我想把Nameinput1的值放在form2的name:之后,有人告诉我错误在哪里Javascript 如何使用jquery获取值输入,javascript,jquery,Javascript,Jquery,我有两张表格:表格一和表格二。form2是隐藏的,当我点击validation按钮时,form1消失,form2出现。form1包含一个input1。当我点击validation按钮时,我想把Nameinput1的值放在form2的name:之后,有人告诉我错误在哪里 <div id='form1'> <h3>form group 1</h3> @if ($message = Session::get('success')) <
<div id='form1'>
<h3>form group 1</h3>
@if ($message = Session::get('success'))
<div class="alert alert-success">
<p>{{ $message }}</p>
</div>
@endif
{!! csrf_field() !!}
<div class="form-group">
<label>Date:</label>
<input type="date" id="datePicker" name="date" class="form-control" placeholder="date naissance">
</div>
<div class="form-group">
<label>Select Chantier:</label>
{!! Form::select('chantier_id',[''=>'--- Select Chantier ---']+$chantiers,null,array('class' => 'form-control','id' => 'select1')) !!}
</div>
<div class="form-group">
<label>Select Ouvrage:</label>
{!! Form::select('ouvrage_id',[''=>'--- Select Ouvrage ---'],null,array('class' => 'form-control','id' => 'select2')) !!}
</div>
<div class="form-group">
<label>Nbre de jour</label>
<input type="text" name="nbr" id='input1' class="form-control" placeholder="nbre de jour" value="1">
<span id='error'>Input can not blank</span>
</div>
<div class="form-group">
<label>name</label>
<input type="text" id='name' class="form-control" placeholder="name">
</div>
<div class="form-group col-md-offset-5 ">
<button class="btn btn-success " type="submit" id="hide">valider</button>
</div>
</div>
因为两个表单的id和名称相同,所以需要使用$'form2 name'.textvalue $document.readyfunction{ $hide.clickfunction{ 让值=$'input1'.val; 让name=$'form1 name'.val; //警报名称; $'form2 name'.textname; 如果值=={ $'error'.show; }否则{ $1.5; $form2.0;显示; $'.input2'.valve值; } }; }; 表格2{ 显示:无; } 表格1 @如果$message=Session::获取“成功” {{$message}} @恩迪夫 {!!csrf_字段!!} 日期: 选择Chantier: {!!Form::select'chantier_id',[=>'-select chantier-->+$chantiers,null,数组'class'=>'Form control','id'=>'select1'!!} 选择Ouvrage: {!!Form::select'ouvrage_id',[=>'--select ouvrage-->],null,数组'class'=>'Form control','id'=>'select2' 丁腈橡胶 输入不能为空 名称 验证 表格2 姓名: 档案文件 没有。 矩阵 诺姆和普瑞诺 萨拉尔网 丁腈橡胶 首要的 @如果$salaries->count @foreach$工资为$key=>$salarie 档案文件 {{++$key} {{$salarie->matricule} {{$salarie->nom}{{{$salarie->prenom}} {{$salarie->salairenet} @endforeach @恩迪夫 尖端
代码jquery:@Najib你试过这个答案吗?你的问题解决了吗?
<div id='form2'>
<h3>form group 2</h3>
<h4>name : <span id="name"></span></h4>
<table class="table table-bordered" id="mytable">
<tr>
<th>Archive</th>
<th><input type="checkbox" id="check_all"></th>
<th>S.No.</th>
<th>matricule</th>
<th>nom & prenom</th>
<th>salaire net</th>
<th>nbre de jour </th>
<th>prime</th>
</tr>
@if($salaries->count())
@foreach($salaries as $key => $salarie)
<tr id="tr_{{$salarie->id}}">
<td>archive</td>
<td><input type="checkbox" class="checkbox" data-id="{{$salarie->id}}"></td>
<td>{{ ++$key }}</td>
<td>{{ $salarie->matricule }}</td>
<td >{{ $salarie->nom }} {{ $salarie->prenom }}</td>
<td><input type="hidden" name="salaire" value="{{ $salarie->salairenet }}">{{ $salarie->salairenet }}</td>
<td ><input type="text" class='input2' name="nbreJ" class="form-control" ></td>
<td><input type="text" name="prime" class="form-control" value="0"></td>
</tr>
@endforeach
@endif
</table>
<div class="form-group col-md-offset-5 ">
<button class="btn btn-success add-all" type="submit" >Pointage</button>
</div>
</div>
</div>
$(document).ready(function(){
$("#hide").click(function(){
let value = $('#input1').val();
let name = $('#name').val();
alert(name);
$('#name').text(name);
if (value == ""){
$('#error').show();
}else{
$("#form1").hide();
$("#form2").show();
$('.input2').val(value);
}
});
});
$(document).ready(function(){
$("#hide").click(function(){
let value = $('#input1').val();
let name = $('#form1 #name').val();
//alert(name);
$('#form2 #name').text(name);
if (value == ""){
$('#error').show();
}else{
$("#form1").hide();
$("#form2").show();
$('.input2').val(value);
}
});
});