【问题标题】:How can I get value of editorfor and assign this value to another editorfor?如何获取 editorfor 的值并将此值分配给另一个 editorfor?
【发布时间】:2014-11-01 09:32:12
【问题描述】:

我想获取我的 projectName 的值,但警报结果总是:

Value: function(value){
return access(this, function(value){ 
return value === undefined ? 
Jquery.text(this):
this.empty().each(function(){…. 

这样。我尝试了 .val 和 .html 方法。但它们不起作用。我还将 EditorFor 更改为 TextBoxFor 但再次不起作用。我该怎么办?提前致谢。

这是我的看法:

<script>
$(document).ready(function () {
    $("#projectName").change(function(){
        alert("Value: " + $("#identifier").text);
    });
});
</script>

<div class="form-group">
    @Html.LabelFor(model => model.projectName, new { @class = "col-lg-2 control-label" })

    <div class="col-lg-10">
        <p>@Html.EditorFor(model => model.projectName, new { htmlAttributes = new { @class = "form-control", id = "projectName" } })</p>
        @Html.ValidationMessageFor(model => model.projectName)
    </div>
</div>

<div class="form-group">
    @Html.LabelFor(model => model.identifier, htmlAttributes: new { @class = "col-lg-2 control-label" })
    <div class="col-lg-10">
        <p>@Html.EditorFor(model => model.identifier, new { htmlAttributes = new { @class = "form-control", id = "identifier" } })</p>
        @Html.ValidationMessageFor(model => model.identifier)
    </div>
</div>

【问题讨论】:

  • 您的问题描述性不是很强。 '我想获得 projectName 的值是什么意思-在标题中您正在谈论将 editorfor 的值分配给另一个 editorfor 。您应该提及 projectName 是否是您需要为 - 或为 - 分配价值的编辑器,以便读者正确理解您。

标签: jquery asp.net-mvc model-view-controller editorfor


【解决方案1】:

试试:-

$(document).ready(function () {
   $("#projectName").on('input',function(){
      $('#identifier').val($(this).val());
   });
});

【讨论】:

  • 这是文档准备就绪的时间。如果文档准备好并且用户在 editorfor 中输入输入,并且我想读取该输入并在用户完成输入后将其分配给另一个 editorFor 怎么办?
【解决方案2】:

您可以使用keyup 事件并将值复制到另一个控件,这样当用户在projectName 文本框中写入内容时,值也会被复制到identifier 文本框:

$(document).ready(function () {
    $("#projectName").keyup(function(){
        $("#identifier").val($(this).val());
        alert($("#identifier").val())
    });
});

或者您可以在文本框失去焦点复制值时编写事件:

$(document).ready(function () {
    $("#projectName").blur(function(){
        $("#identifier").val($(this).val());
        alert($("#identifier").val())
    });
});

【讨论】:

    【解决方案3】:

    在我的解决方案中,我使用了“复制”按钮

    $(document).ready(function () {
        $('#buttonCopy').click(function() {
            $("#identifier").val($("#projectName").val());
        });
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-07-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多