Javascript knockout js隐藏了我的html代码

Javascript knockout js隐藏了我的html代码,javascript,html,knockout.js,Javascript,Html,Knockout.js,所以我做了选择选项,当用户选择时,我需要在输入中显示一些数据,它可以工作,但只有当我从选择中选择任何值时,它才会显示我的输入,但我需要始终显示我的输入,因为我需要为其他操作显示这些输入 这是我的选择 这是我必须始终显示的输入,它们仅在我从上面的选择中选择参数时显示 <form class="col-md-5" data-bind="with: selectedSolutions" style="margin-left:128px;"> <div class="for

所以我做了选择选项,当用户选择时,我需要在输入中显示一些数据,它可以工作,但只有当我从选择中选择任何值时,它才会显示我的输入,但我需要始终显示我的输入,因为我需要为其他操作显示这些输入

这是我的选择

这是我必须始终显示的输入,它们仅在我从上面的选择中选择参数时显示

<form class="col-md-5" data-bind="with: selectedSolutions" style="margin-left:128px;">
      <div class="form-group">
        <label for="inputsm">Solution Name:</label>
        <input class="form-control input-sm" data-bind="value:name" id="inputsm" type="text">
      </div>
      <div class="form-group">
        <label for="inputdefault">Brief description:</label>
        <input class="form-control " style="height: 100px" data-bind="value:briefDescription" id="inputdefault" type="text">
      </div>
      <div class="form-group">
        <label for="url">Read more:</label>
        <input class="form-control input-lg" data-bind="value:readMore" style="height:150px" data-bind="value:" id="url" type="text">
      </div>
      <div class="form-group">
        <label for="inputlg">Solution manufacture URl:</label>
        <input class="form-control input-sm" id="inputlg" data-bind="value:manufactureUrl" type="text">
      </div>
    </form>
感谢您的帮助,抱歉使用英语。

因为您使用的是绑定,所以除非selectedSolutions不为null,否则表单标记内的任何内容都不会显示

我猜在ViewModel中,您正在初始化selectedSolutions属性,就像这个ViewModel.selectedSolutions=ko.observable

因此,您必须为selectedSolutions设置默认值,以确保始终显示表单标记中的任何内容。如下所示:

viewModel.selectedSolutions = ko.observable({
    name: "", // you could put any default value you want here, not just blank
    briefDescription: "",
    readMore: "",
    manufactureUrl: ""
});
viewModel.selectedSolutions = ko.observable({
    name: "", // you could put any default value you want here, not just blank
    briefDescription: "",
    readMore: "",
    manufactureUrl: ""
});