কীভাবে jQuery ব্যবহার করে ইনপুট পাঠ্যের মান সেট করা যায়

Question

আমার কাছে একটি ইনপুট পাঠ্য যা এটি:

<div class="editor-label">
    @Html.LabelFor(model => model.EmployeeId, "Employee Number")
</div>

<div class="editor-field textBoxEmployeeNumber">
    @Html.EditorFor(model => model.EmployeeId) 
    @Html.ValidationMessageFor(model => model.EmployeeId)
</div>

যা নিম্নলিখিত এইচটিএমএল উত্পাদন করে

<div class="editor-label">
  <label for="EmployeeId">Employee Number</label>
</div>

<div class="editor-field textBoxEmployeeNumber">
  <input class="text-box single-line" data-val="true" data-val-number="The field EmployeeId must be a number." data-val-required="The EmployeeId field is required." id="EmployeeId" name="EmployeeId" type="text" value="" />

  <span class="field-validation-valid" data-valmsg-for="EmployeeId" data-valmsg-replace="true"></span>
</div>

আমি jquery ব্যবহার করে এই ইনপুট পাঠ্যের মান সেট করতে চাই তাই আমি এটি করেছি:

<script type="text/javascript" language="javascript">
    $(function() {
        $('.textBoxEmployeeNumber').val("fgg");
    });
</script> 

তবে, এটি কাজ করছে না ... আমার সিনট্যাক্সে ত্রুটিটি কী?

Comments

আমি একটি ফর্মের ভিতরে ইনপুট পাঠ্যটি ব্যবহার করেছি ....

— রাবারানা

Answer 1

আপনার নির্বাচকটি ভিতরে থাকা ইনপুটটির <div class='textBoxEmployeeNumber'>পরিবর্তে পাঠ্য বাক্সের চারপাশে পুনরুদ্ধার করছে ।

// Access the input inside the div with this selector:
$(function () {
  $('.textBoxEmployeeNumber input').val("fgg");
});

আউটপুট এইচটিএমএল দেখার পরে আপডেট করুন

যদি এএসপি.এনইটি কোড নির্ভরযোগ্যভাবে <input>কোনও আইডি বৈশিষ্ট্যের সাথে এইচটিএমএলকে আউটপুট করে দেয় id='EmployeeId', আপনি আরও সহজভাবে কেবল ব্যবহার করতে পারেন:

$(function () {
  $('#EmployeeId').val("fgg");
});

এটি ব্যর্থ হলে, আপনার ব্রাউজারের ত্রুটি কনসোলে আপনাকে যাচাই করতে হবে যে এটির ব্যর্থ হওয়ার কারণে আপনার অন্যান্য স্ক্রিপ্ট ত্রুটি নেই। উপরোক্ত প্রথম উদাহরণটি এই প্রদর্শনীতে সঠিকভাবে কাজ করে।

Comments

চেষ্টা করেছিলাম, কাজ করছে না .... আবার চেষ্টাও করেছি। টেক্সটবক্স এমপ্লয়ই নাম্বার ইনপুট = [টাইপ = "পাঠ্য"] ... এছাড়াও কাজ করছে না

— রাবারান

@ ব্যবহার (এইচটিএমএল.বেগিনফর্ম ()) {@ এইচটিএমএল.ভালিডেশনসমেরি (সত্য) <ফিল্ডসেট> <দ্য রিজার্ভেশন </ বিলেড> ......... <ডি ক্লাস = "সম্পাদক-লেবেল"> @ এইচটিএমএল। লেবেলফোর্ড (মডেল => মডেল mp এমপ্লয়েইআইডি, "কর্মচারী সংখ্যা") </ ডিভি> <ডি ক্লাস = "সম্পাদক-ক্ষেত্র পাঠ্যবক্সএম্পলয়ে নাম্বার"> @ এইচটিএমএল.এডিটরফোর্ড (মডেল => মডেল। এমপ্লয়েইআইডি) @ এইচটিএমএল। .EmployeeId) </div> ..........

— রাবারানা

<ডি ক্লাস = "এডিটর-লেবেল"> <লেবেল = "কর্মচারী আইডি"> কর্মীর নম্বর </ লেবেল </ ডিভি> <ডি ক্লাস = "সম্পাদক-ক্ষেত্র পাঠ্যবক্সএম্পলয়ে নাম্বার"> <ইনপুট শ্রেণি = "পাঠ্য-বাক্সের একক-লাইন "ডেটা-ভাল =" সত্য "ডেটা-ভ্যাল-নম্বর =" ক্ষেত্রের কর্মচারী একটি নম্বর হতে হবে। " ডেটা-ভাল-প্রয়োজনীয় = "কর্মচারী ক্ষেত্রের প্রয়োজন" " আইডি = "কর্মচারীআইডি" নাম = "কর্মচারী আইডি" প্রকার = "পাঠ্য" মান = "" /> <স্প্যান শ্রেণি = "ক্ষেত্র-বৈধতা-বৈধ" ডেটা-ভলমসগ-জন্য = "কর্মচারী আইডি" ডেটা-ভালমস-প্রতিস্থাপন = "সত্য" > </span> </div>

— রাবারানা

@ RojBeraña ব্রাউজারটি কি আপনার $ (ডকুমেন্ট) এর অভ্যন্তরীণ কোডটি পড়বে? ফাংশন প্রস্তুত? সতর্কতা সেখানে রাখুন: <স্ক্রিপ্ট টাইপ = "পাঠ্য / জাভাস্ক্রিপ্ট" ভাষা = "জাভাস্ক্রিপ্ট"> সতর্কতা ('প্রবেশ করা হয়েছে'); function (ফাংশন () {$ ('# কর্মচারীআইডি')। ভাল ("fgg");}); </script>

— করাকসুন

অনুরূপ সমস্যা আছে, মানটি ব্রাউজারে দৃশ্যমান হয় তবে আমি যখন এফ 12 এর সাথে কোডটি চেক করি তখন value=""সংরক্ষণের পরে ডিবিতে খালি ফাইল করা থাকে।

— সেবাস্তিয়ান জাওয়ারি ওয়াইনিওইইকি

Answer 2

JQuery ব্যবহার করে, আমরা নিম্নলিখিত কোডটি ব্যবহার করতে পারি:

ইনপুট নাম দ্বারা নির্বাচন করুন:

$('input[name="textboxname"]').val('some value')

ইনপুট শ্রেণি দ্বারা নির্বাচন করুন:

$('input[type=text].textboxclass').val('some value')

ইনপুট আইডি দ্বারা নির্বাচন করুন:

$('#textboxid').val('some value')

Answer 3

$(document).ready(function () {
    $('#EmployeeId').val("fgg");

    //Or
    $('.textBoxEmployeeNumber > input').val("fgg");

    //Or
    $('.textBoxEmployeeNumber').find('input').val("fgg");
});

Answer 4

আইডি সহ উপাদানটির জন্য

<input id="id_input_text16" type="text" placeholder="Ender Data"></input>

আপনি মান হিসাবে সেট করতে পারেন

$("#id_input_text16").val("testValue");

ডকুমেন্টেশন এখানে ।

Answer 5

এটি ক্লাসের জন্য

$('.nameofdiv').val('we are developers');

আইডির জন্য

$('#nameofdiv').val('we are developers');

এখন যদি আপনার কোনও ফর্মের আইপুট থাকে তবে আপনি ব্যবহার করতে পারেন

$("#form li.name input.name_val").val('we are awsome developers');

Answer 6

এখানে একটি ফাইল আপলোডের জন্য আরেকটি বৈকল্পিকতা রয়েছে যা ডিফল্ট ফাইল আপলোড ব্রাউজ বোতামের চেয়ে সুন্দর দেখতে বুটস্ট্র্যাপ বোতাম রয়েছে। এটি এইচটিএমএল:

<div class="form-group">
        @Html.LabelFor(model => model.FileName, htmlAttributes: new { @class = "col-md-2  control-label" })
        <div class="col-md-1 btn btn-sn btn-primary" id="browseButton" onclick="$(this).parent().find('input[type=file]').click();">browse</div>
        <div class="col-md-7">
            <input id="fileSpace" name="uploaded_file"  type="file" style="display: none;">   @*style="display: none;"*@
            @Html.EditorFor(model => model.FileName, new { htmlAttributes = new { @class = "form-control", @id = "modelField"} })
            @Html.ValidationMessageFor(model => model.FileName, "", new { @class = "text-danger" })
        </div>
    </div>

লিপিটি এখানে:

        $('#fileSpace').on("change", function () {
        $("#modelField").val($('input[name="uploaded_file"]').val());

Answer 7

খাঁটি জেএসে এটি সহজ হবে

EmployeeId.value = 'fgg';

EmployeeId.value = 'fgg';

<div class="editor-label">
  <label for="EmployeeId">Employee Number</label>
</div>

<div class="editor-field textBoxEmployeeNumber">
  <input class="text-box single-line" data-val="true" data-val-number="The field EmployeeId must be a number." data-val-required="The EmployeeId field is required." id="EmployeeId" name="EmployeeId" type="text" value="" />
  
  <span class="field-validation-valid" data-valmsg-for="EmployeeId" data-valmsg-replace="true"></span>
</div>