Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/sql-server/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在引导模式中使用jquery更改表单输入字段值_Javascript_Jquery_Ajax_Twitter Bootstrap_Bootstrap Modal - Fatal编程技术网

Javascript 在引导模式中使用jquery更改表单输入字段值

Javascript 在引导模式中使用jquery更改表单输入字段值,javascript,jquery,ajax,twitter-bootstrap,bootstrap-modal,Javascript,Jquery,Ajax,Twitter Bootstrap,Bootstrap Modal,我在引导模式中有一个表单。我希望输入字段显示用户第一次填写表单时输入的过去值,我正在从cloudant数据库检索表单。我希望这些输入字段是可编辑的,以便用户可以重新提交他们可能有任何更改的表单。但是,当我试图在输入字段中显示过去的信息时,我被卡住了。我找不到输入字段的这些值没有被更改的任何原因 将我的按钮添加到我的boostrap列表组的javascript: var loadIotPanel = function(iotsJSON) { for(var iot in iotsJSON)

我在引导模式中有一个表单。我希望输入字段显示用户第一次填写表单时输入的过去值,我正在从cloudant数据库检索表单。我希望这些输入字段是可编辑的,以便用户可以重新提交他们可能有任何更改的表单。但是,当我试图在输入字段中显示过去的信息时,我被卡住了。我找不到输入字段的这些值没有被更改的任何原因

将我的按钮添加到我的boostrap列表组的javascript:

var loadIotPanel = function(iotsJSON)
{
for(var iot in iotsJSON)
    {

        var button = $('<button/>').text(iotsJSON[iot].appID).addClass('list-group-item iot').attr({name:iotsJSON[iot].appID, "aria-label": "Quick View IoT", "data-toggle": "modal", "data-target": "#quick-view-iot-modal", type: "button"});
        $('#iot-list').append(button);
    }
};
<div class="row">
            <div class="col-lg-4 col-md-6 col-sm-12 col-sm-12 dash-col">
                <button name="edit-iots" aria-label="Edit IoTs" data-toggle="modal" data-target="#edit-iots-modal" type="button" class="icon"><span class="glyphicon glyphicon-edit gray"></span></button>
                <p class="fancy-font dash-item-title">Your IoTs</p>
                <button name="add-iot" aria-label="Add IoT" data-toggle="modal" data-target="#connect-iot-modal" type="button" class="icon"><span class="glyphicon glyphicon-plus gray"></span></button>
                <div class="list-group iot" id="iot-list"><!-- buttons will be placed here --></div>

            </div>...
getIots()函数:(它包括参数variable=null,因为我在代码的另一部分中也使用了它,其中没有使用varaible参数。此方法向servlet发送一个ajax post,然后servlet用一个iot对象数组进行响应)

loadIotQuickView()函数:(我认为这就是我遇到问题的地方)

我尝试了许多jquery选择器,但是表单中的输入字段值都不会改变。我已经仔细阅读了代码,我所有的变量都有正确的值,这只是最后一行没有按照我想要的方式执行。我不确定我的jquery选择器是否有问题,或者是其他问题。提前谢谢

更新: 我尝试了以下选择器:

$('.iot-value[name="iot-name"]')
$('input[name="iot-name"]')
$('.iot-value')
$('#connect-iot-modal').find('input[name="iot-name"]') 
我还尝试将“编辑物联网名称”的id添加到我的输入字段:

$('#edit-iot-name')
$('#connect-iot-modal #edit-iot-name')
但这些都不起作用,这让我相信这一定不是我的选择者的问题

更新

我还尝试将
.val(currentIoT.appID)
与前面的所有选择器一起使用。仍然不工作。

尝试:

$('.iot value[name=“iot name”]').val(currentIoT.appId)

你的选择器也很奇怪。为什么不直接按名称引用输入

$('input[name=“iot name”]).val(currentIoT.appId)

尝试:

$('.iot value[name=“iot name”]').val(currentIoT.appId)

你的选择器也很奇怪。为什么不直接按名称引用输入

$('input[name=“iot name”]).val(currentIoT.appId)

在您的代码中:

$('.iot-value[name="iot-name"]')
“物联网名称”
是一个字符串文字,它不会计算为
物联网名称
变量的值

我猜您希望在选择器中使用变量的值,如下所示:

$('.iot-value[name="' + iot-name + '"]')
$('#quick-view-iot-modal #edit-iot-name').attr("value",currentIoT.appID);
在您的代码中:

$('.iot-value[name="iot-name"]')
“物联网名称”
是一个字符串文字,它不会计算为
物联网名称
变量的值

我猜您希望在选择器中使用变量的值,如下所示:

$('.iot-value[name="' + iot-name + '"]')
$('#quick-view-iot-modal #edit-iot-name').attr("value",currentIoT.appID);

我不知道为什么,但将表单所在模式的id(即
#快速查看物联网模式
)添加到我的选择器中是有效的。然而,由于某些原因,它只在我使用
.val()
时起作用,而在我使用
.attr()
时不起作用。因此,最终结果是:

$('#quick-view-iot-modal #edit-iot-name').val(currentIoT.appID);
我不确定为什么需要添加模态的id,也不确定为什么不能这样工作:

$('.iot-value[name="' + iot-name + '"]')
$('#quick-view-iot-modal #edit-iot-name').attr("value",currentIoT.appID);

但它是有效的!如果有人知道为什么它只适用于这种组合,请让我知道

我不知道为什么,但将表单所在模式的id(即
#快速查看物联网模式
)添加到我的选择器中是有效的。然而,由于某些原因,它只在我使用
.val()
时起作用,而在我使用
.attr()
时不起作用。因此,最终结果是:

$('#quick-view-iot-modal #edit-iot-name').val(currentIoT.appID);
我不确定为什么需要添加模态的id,也不确定为什么不能这样工作:

$('.iot-value[name="' + iot-name + '"]')
$('#quick-view-iot-modal #edit-iot-name').attr("value",currentIoT.appID);

但它是有效的!如果有人知道为什么它只适用于这种组合,请让我知道

我实际上是在尝试使用输入字段的名称,即“iot名称”,我实际上是在尝试使用输入字段的名称,即“iot名称”,Paul,我尝试了,但仍然不起作用。另外,我在类中使用选择器,因为我正在使用另一个表单,它的输入命名为与此表单相同。最后,如果我使用.val(),我已经读到它只会在屏幕上更新,而不会在DOM中更新。Paul,我试过了,仍然不起作用。另外,我在类中使用选择器,因为我正在使用另一个表单,它的输入命名为与此表单相同。最后,如果我使用.val(),我读到它只会在屏幕上更新,而不会在DOM中更新。