কীভাবে জাভাস্ক্রিপ্টে পাঠ্য বাক্সের মান পাবেন

97

আমি একটি HTML পাঠ্য বাক্স থেকে মান পেতে জাভাস্ক্রিপ্ট ব্যবহার করার চেষ্টা করছি তবে সাদা স্থানের পরে মান আসছে না value

উদাহরণ স্বরূপ:

<input type="text" name="txtJob" value="software engineer">

আমি কেবল পেয়েছি: উপরের থেকে "সফ্টওয়্যার"। আমি এই জাতীয় স্ক্রিপ্ট ব্যবহার করছি:

var jobValue = document.getElementById('txtJob').value

আমি কীভাবে পূর্ণ মূল্য পেতে পারি: "সফটওয়্যার ইঞ্জিনিয়ার"?

javascript html

— জ্ঞানীয়ার জুবায়ের
সূত্র

63

+1 গাম্বো: 'আইডি' পৃষ্ঠা উপাদানগুলির অ্যাক্সেসের সহজতম উপায়। আইই (পূর্ব ভার্সন 8) প্রদত্ত আইডির সাথে কিছু না পেলে ম্যাচের সাথে 'নামের' জিনিসগুলি ফিরিয়ে দেবে, তবে এটি একটি বাগ।

আমি কেবল "সফ্টওয়্যার" পাচ্ছি।

আইডি-বনাম-নাম এটি প্রভাবিত করবে না; আমার সন্দেহ হয়েছে যা ঘটেছে তা হ'ল (উদাহরণ কোডের বিপরীতে) আপনি নিজের 'মান' গুণটি উদ্ধৃত করতে ভুলে গেছেন:

<input type="text" name="txtJob" value=software engineer>

— বোবিনস
সূত্র

77

আপনার উপাদানটির একটি আইডি নেই তবে কেবল একটি নাম। সুতরাং আপনি getElementsByName()এই নামের সাথে সমস্ত উপাদানের একটি তালিকা পেতে পদ্ধতিটি ব্যবহার করতে পারেন :

var jobValue = document.getElementsByName('txtJob')[0].value  // first element in DOM  (index 0) with name="txtJob"

অথবা আপনি উপাদানটির জন্য একটি আইডি নির্ধারণ করুন:

<input type="text" name="txtJob" id="txtJob" value="software engineer">

— গম্বো
সূত্র

11

var word = document.getElementById("word").value;//by id
or
var word = document.forms[0].elements[0].value;//by index
//word = a word from form input
var kodlandi = escape(word);//apply url encoding

alert(escape(word));
or
alert(kodlandi);

যেই সমস্যাটি আপনি ফর্ম থেকে ইনপুট মানগুলির জন্য এনকোডিং ব্যবহার করছেন না তাই ব্রাউজারটি এতে যুক্ত করে না ...

ইউনিকোড এনকোডিং / ডিকোডিং অপারেশন হিসাবে অনটপতে কিছু সমস্যা রয়েছে তাই এই ফাংশনটি এনকোডিং স্ট্রিং / অ্যারেগুলি ব্যবহার করুন

function urlencode( str ) 
{
// http://kevin.vanzonneveld.net3.    
// +   original by: Philip Peterson4.    
// +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)5.    
// *     example 1: urlencode('Kevin van Zonneveld!');
// *     returns 1: 'Kevin+van+Zonneveld%21'7. 
   var ret = str; 
   ret = ret.toString();
   ret = encodeURIComponent(ret);
   ret = ret.replace(/%20/g, '+');
   return ret;
}


ex.
var word = "some word";
word = urlencode(word);

— ফেরিট
সূত্র

7

<!DOCTYPE html>
<html>
<body>
<label>Enter your Name here: </label><br>
<input type= text id="namehere" onchange="displayname()"><br>


<script>
function displayname() {
    document.getElementById("demo").innerHTML = 
document.getElementById("namehere").value;
}

</script>


<p id="demo"></p>

</body>
</html>

— জাকার
সূত্র

4

সেট idঅ্যাট্রিবিউট inputকরতে txtJob। আপনি যখন কল করবেন তখন আপনার ব্রাউজারটি উদ্দীপনা প্রকাশ করছে getElementById।

— ড্যানিয়েল এ হোয়াইট
সূত্র

4

আপনি যদি এএসপি.এনইটি ব্যবহার করে থাকেন তবে নীচের এই উদাহরণগুলির মধ্যে সার্ভার-সাইড কোড ট্যাগগুলি মাস্টার পৃষ্ঠাগুলি ব্যবহার করা হলেও সঠিক নিয়ন্ত্রণ আইডি সরবরাহ করবে।

জাভাস্ক্রিপ্ট:

document.getElementById("<%=MyControlName.ClientID%>").value;

জিকুয়েরি:

$("#<%= MyControlName.ClientID %>").val();

— শাম
সূত্র

3

যদি এটি কোনও ফর্ম হয় তবে তা হবে:

<form name="jojo">
<input name="jobtitle">
</form>

তারপরে আপনি জাভাস্ক্রিপ্টে বলবেন:

var val= document.jojo.jobtitle.value

document.formname.elementname

— জিম
সূত্র

3

আপনি যখন পাঠ্য বাক্সের মানটি চান তখন সরবরাহ করা হয়। সাধারণ একটি:

<input type="text" value="software engineer" id="textbox">

var result = document.getElementById("textbox").value;

— ভিকি চৌধুরী
সূত্র

0

আপনি যদি কোনও ব্যবহারকারীর নিয়ন্ত্রণ ব্যবহার করেন এবং কোনও পাঠ্য বাক্সের মান পেতে চান তবে নীচের কোডটি ব্যবহার করতে পারেন:

var result = document.getElementById('LE_OtherCostsDetails_txtHomeOwnerInsurance').value;

এখানে, LE_OtherCostsDetailsব্যবহারকারীর নিয়ন্ত্রণের নাম এবং txtHomeOwnerInsuranceএটি পাঠ্য বাক্সের আইডি।

— রঞ্জন শ্রীবাস্তব
সূত্র

0

সমস্যাটি হ'ল আপনি একটি ক্ষুদ্র ভুল করেছেন!

এটি আমি ব্যবহার করি এমন জেএস কোড:

var jobName = document.getElementById("txtJob").value;

আপনার নাম = "" ব্যবহার করা উচিত নয়। পরিবর্তে আইডি = "" ব্যবহার করুন।

— 1010
সূত্র

0

আপনার কোডটি নীচের মতো পরিবর্তন করতে হবে: -

<html>
<body>
<div>
<form align="center" method=post>
    <input id="mainText" type="text" align="center"placeholder="Search">

    <input type="submit" onclick="myFunction()" style="position: absolute; left: 450px"/>
</form>
</div>
<script>
function myFunction(){
    $a= document.getElementById("mainText").value;
    alert($a);
        }
</script>
</body>
</html>

— বিশাল ঠাকুর
সূত্র

0

কারণ আপনি সফ্টওয়্যার ইঞ্জিনিয়ার html / php এর মধ্যে স্থান ব্যবহার করেছেন পাঠ্যবক্সের নীচে মানের মধ্যে স্থান সমর্থন করবে না, আপনাকে এই কোডটি ব্যবহার করতে <input type="text" name="txtJob" value=software_engineer> হবে এটি কাজ করবে

— বিকাশ শর্মা
সূত্র

0

 var jobValue=document.FormName.txtJob.value;

উপরে যে কোড চেষ্টা করুন।

জব ভ্যালু: পরিবর্তনশীল নাম।
ফর্মের নাম: এইচটিএমএলে ফর্মের নাম।
txtJob: পাঠ্যবক্সের নাম

— 27px
সূত্র

0

এটি jquery ব্যবহার করে সহজ হওয়া উচিত:

এইচটিএমএল:

  <input type="text" name="txtJob" value="software engineer">

জেএস:

  var jobValue = $('#txtJob').val(); //Get the text field value
  $('#txtJob').val(jobValue);        //Set the text field value

— জেমসসি
সূত্র

0

পাঠ্যবক্সের জন্য আইডি সেট করুন। অর্থাত্,

<input type="text" name="txtJob" value="software engineer" id="txtJob">

জাভাস্ক্রিপ্টে

var jobValue = document.getElementById('txtJob').value

জ্যাকুরিতে

 var jobValue =  $("#txtJob").val();