2013-10-29 53 views
0

我有PHP代码,吐出一个HTML表格。在这一行中,我有一个输入类型= \“复选框\”,它将id = \“$ Row [ID_NUMBER]} \”发送到模态窗口。这是用复选框打印行数据的echo语句。注意行中的额外数据字段。Javascript变量发送到模式

echo "<tr><td><input type=\"checkbox\" id=\"{$Row[ID_NUMBER]}\" data-info=\"{$Row[BOL_NUMBER]}\" name=\"checkMr[]\" /></td></tr>"; 

这里是JavaScript中的检索的ID = \ “{$行[ID_NUMBER]} \”,并将其显示在模式窗口:

<script type="text/javascript"> 
    $(function modalForm(){ 
    $('a').click(function modalForm(){ 
    var selectedID = []; 
    $(':checkbox[name="checkMr[]"]:checked').each (function modalForm(){ 
     selectedID.push(this.id); 
    }); 
    $(".modal-body #idNumber").val(selectedID); 
    }); 
    }); 
</script> 

当然有调用一个按钮javascript函数通过onclick =“modalForm();”我认为我不需要向你展示。然而,这里是模态打印出#idNumber:

<label>Container Selected</label> 
<input disabled type="text" name="idNumber" id="idNumber" placeholder="no containers selected" /> 

我需要从数据表中检索ID的顶部做的是检索数据信息= \“{$行[BOL_NUMBER]} \ “并将其发送到模态窗口。我有一个输入字段boNumber,正好在IDNumber下面:

<label>Bol Selected</label> 
<input type="text" name="bolNumber" id="bolNumber" /> 

我知道这可以在上面的相同的JavaScript函数内完成。任何帮助,将不胜感激。

回答

0
$(':checkbox[name="checkMr[]"]:checked').each (function modalForm(){  
    selectedID.push(this.id); 
    // get the data-info from checkbox and set value in modal 
    $("#bolNumber").val($(this).attr('data-info')); 
}); 
+0

我真的不知道你在做什么modalForm,因为你多次重新宣布它。如果您想使用该功能,请删除功能关键字。 – max

+0

我有多个模态窗口,我想我需要使用几个JavaScript函数。 – HoodCoderMan

+0

应该在javascript中向模块中的某个部分发送'data-info'的其他部分? – HoodCoderMan