এইচটিএমএল <সিলেক্ট> উপাদানটির জন্য আমি কীভাবে ডিফল্ট মান সেট করতে পারি?

Question

আমি ভেবেছিলাম যে নীচের উপাদানটিতে একটি "value"অ্যাট্রিবিউট সেট যুক্ত <select>করলে <option>আমার সরবরাহিত উপাদানগুলি "value"ডিফল্টরূপে নির্বাচিত হবে:

<select name="hall" id="hall" value="3">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

যাইহোক, এটি আমার প্রত্যাশার মতো কার্যকর হয়নি। কোন <option>উপাদানটি ডিফল্টরূপে নির্বাচিত হয় তা আমি কীভাবে সেট করতে পারি ?

Comments

বাহ, এই প্রশ্নটি এতটা সহায়ক এবং এটি আক্ষরিক অর্থে ভাইরাল হয়ে গেছে

— হাফ

Answer 1

selected="selected"আপনি ডিফল্ট হতে চান বিকল্প জন্য সেট করুন ।

<option selected="selected">
3
</option>

Comments

<বিকল্প মান = "3" নির্বাচিত = "নির্বাচিত"> 3 </option> 3 বিকল্প নির্বাচন করা হয় যখন মান একটি স্ট্রিং হিসাবে পাস করা হবে।

— শ্রী রমা

এবং <নির্বাচন> এর জন্য আইডি অ্যাট্রিবিউট ব্যবহার করা চালিয়ে যান এবং <সিলেক্ট> এইচটিএমএল উপাদানটির জন্য মান অ্যাট্রিবিউট ব্যবহার করা ভাল নয়।

— শ্রী রমা

= "নির্বাচিত" অংশটি প্রয়োজনীয় নয়। কেবলমাত্র <বিকল্প নির্বাচন করা> অন্যান্য উত্তরে বর্ণিত হিসাবে এটি করবে।

— MindJuice

@ মাইন্ডজুইস আমি যা লিখেছি তা হ'ল বৈকল্পিক এইচটিএমএল / এক্সএমএল। <অপশন নির্বাচন করা> ব্যবহার করা ব্রাউজারের জন্য ঠিক আছে তবে নথিটি অন্য পার্সারদের দ্বারা প্রত্যাখ্যান করতে পারে। মাঝে মাঝে ওয়েব ডকুমেন্টগুলিতে এক্সপ্যাথ / এক্সএসএলটি ব্যবহার করতে সক্ষম হওয়া আমার কাছে সহজ মনে হয়েছে।

— বোরিলিড

আপনি যদি কৌণিক ব্যবহার করছেন তবে নোট করুন যে ng-modelডিফল্ট নির্বাচিত মানটিকে ওভাররাইড করে (এমনকি আপনি যদি বাউন্ড অবজেক্টটি সেট না করেন তবে অপরিবর্তিত হিসাবেও)। আমাকে কিছুটা সময় নিয়েছিল কারণ এই selected="selected"বিকল্পটি নির্বাচন করা হয়নি।

— মেটারকেমিট

Answer 2

যদি আপনি কোনও ধরণের স্থানধারক / ইঙ্গিত হিসাবে একটি ডিফল্ট পাঠ্য পেতে চান তবে একটি বৈধ মান হিসাবে বিবেচনা করা হয় না ("এখানে সম্পূর্ণ" এর মতো কিছু, "আপনার জাতি নির্বাচন করুন" ইসি।) আপনি এই জাতীয় কিছু করতে পারেন:

<select>
  <option value="" selected disabled hidden>Choose here</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>

Comments

আমি মনে করব এটি বেশিরভাগ লোকই খুঁজছেন। ভাল উত্তর.

— খ্রিস্টালিক

এটি একটি বাহ্যিক jsfiddle ছিল যেখানে সিএসএসের কেবলমাত্র এটি পর্দার সীমানা বরাবর প্রদর্শিত না হওয়ার প্রয়োজন ছিল। কয়েক মাস পরে এটি একটি ইনলাইন কোড স্নিপেটে সম্পাদিত হয়েছিল এবং যে লোকটি সম্পাদনা করেছে তারা উদাহরণটিতে রেখে দিয়েছে। সত্যই যদি আপনাকে বিরক্ত করে তবে আপনি এটিকে স্নিপেট থেকে সম্পাদনা করতে এবং মুছে ফেলতে পারেন।

— নোবিতা

এর চেয়ে আরও ভাল সমাধান এর hiddenপরিবর্তে বৈশিষ্ট্যটি ব্যবহার করা। দেখুন @ নিচে Chong-ঠোঁট-phang এর উত্তর: stackoverflow.com/a/39358987/1192426

— ইভান Akulov

<option value="" selected disabled hidden>Choose here</option>

দুর্দান্ত উত্তর!

— জাপান সোফে

Answer 3

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

<select name="hall" id="hall"> 
  <option> 
    1 
  </option> 
  <option> 
    2 
  </option> 
  <option selected> 
    3 
  </option> 
  <option> 
    4 
  </option> 
  <option> 
    5 
  </option> 
</select> 

Comments

এটি নির্বাচিত = "নির্বাচিত" ব্যবহারের চেয়ে সহজ।

— রড্রিগো

নির্বাচিত = "নির্বাচিত" সমস্ত ডকুমেন্টের জন্য কাজ করা উচিত। এক্সএইচটিএমএল মান ছাড়া বৈশিষ্ট্য পছন্দ করে না।

— পিএস 2 বোট

@ রডরিগো আসলেই কি লেখা এত কঠিন selected="selected"? মানে, আপনি কী বাঁচাচ্ছেন? সময়? আকার? এটি উপেক্ষণীয় এবং যদি কোডটি আরও "অনুগত" করে তোলে তবে কেন এটি করা হচ্ছে না ?

— এক্সডাইজু

@ ড্যানিয়েলপেরেজো মিউওজ, ঠিক আছে, এটি তুচ্ছ। তবে যদি আমার ডকটাইপটি এইচটিএমএল, এবং এক্সএইচটিএমএল না হয় তবে কেন কোনও বাইট একেবারেই নষ্ট করবেন না?

— রডরিগো

নির্বাচিত = "নির্বাচিত" ত্রুটির মতো দেখাচ্ছে। কয়েক মাসের মধ্যে আমি সম্ভবত এটি নির্বাচিত = "3" এ ভেবেছিলাম যে এর অর্থ আইটেম 3 নির্বাচিত হয়েছে। (এবং আমার পৃষ্ঠাটি ভেঙে দিন)

— পল ম্যাকার্থি

Answer 4

আমি এই প্রশ্নটি জুড়ে এসেছি, তবে গ্রহণযোগ্য এবং উচ্চ উত্সাহিত উত্তর আমার পক্ষে কার্যকর হয়নি। দেখা যাচ্ছে যে আপনি যদি প্রতিক্রিয়া ব্যবহার করছেন তবে সেটিংস selectedকাজ করে না।

পরিবর্তে আপনি <select>নীচে প্রদর্শিত হিসাবে সরাসরি ট্যাগ একটি মান সেট করতে হবে :

<select value="B">
  <option value="A">Apple</option>
  <option value="B">Banana</option>
  <option value="C">Cranberry</option>
</select>

প্রতিক্রিয়া পৃষ্ঠাতে কেন এখানে আরও পড়ুন ।

Comments

আপনি ট্যাগের valueজন্য অ্যাট্রিবিউট ব্যবহার করে একটি ড্রপ-ডাউন তালিকায় একটি প্রাক-নির্বাচিত বিকল্প সেট করতে পারেন , তবে এটি ডাব্লু 3 সি বৈধকারীর মধ্যে বৈধ নয়। <select><select value="3">

— প্রেরিত

ঠিক আছে, তবে এটি এইচটিএমএল নয়, এটি জেএসএক্স, সুতরাং এটি ডাব্লু 3 সি নিয়ম অনুসরণ করার প্রয়োজন নেই। শেষ পর্যন্ত প্রতিক্রিয়া দ্বারা উত্পন্ন এইচটিএমএল যদিও বৈধ।

— MindJuice

নিখুঁত বিশ্বে এটি প্রশ্নের একটি মন্তব্য ছিল, কারণ এটি কোনও বৈধ উত্তর নয়। তবে আমি অনুমান করি যে এটির কাছাকাছি থাকতে যথেষ্ট মূল্য রয়েছে।

— জাস্টাস রোমিজন

উপরের পরামর্শের জন্য আমার অনুরূপ সমাধানের দরকার ছিল, তবে প্রতিক্রিয়ার পরিবর্তে জ্যাকুয়ারি দিয়ে। যদি এটি ভবিষ্যতে যে কাউকে সহায়তা করে:$("select").each(function(){ $(this).find('option[value="'+$(this).attr("value")+'"]').prop('selected', true); });

— CDK

এই উত্তরটি বৈধ নয়, অন্তর্নিহিত প্রশ্নটি HTML নয় প্রতিক্রিয়া (জেএসএক্স) নিয়ে কথা বলছে।

— হারুন সি

Answer 5

আপনি এটি এর মতো করতে পারেন:

<select name="hall" id="hall">
    <option> 1 </option>
    <option> 2 </option>
    <option selected> 3 </option>
    <option> 4 </option>
    <option> 5 </option>
</select> 

বিকল্প ট্যাগের ভিতরে "নির্বাচিত" কীওয়ার্ড সরবরাহ করুন, যা আপনি আপনার ড্রপ ডাউন তালিকায় ডিফল্টরূপে উপস্থিত হতে চান।

অথবা আপনি বিকল্প ট্যাগ যেমন বৈশিষ্ট্য প্রদান করতে পারেন

<option selected="selected">3</option>

Comments

কেবল স্পষ্ট করে বলতে গেলে,

— ডাব্লু

@ জেআরএম আমি মনে করি আপনি যা বলতে চাইছেন তা হ'ল যদি আপনার নথির জন্য কোনও গুনের তুলনায় এক্সএইচটিএমএল অনুগত হতে হবে তবে এর মান অবশ্যই থাকতে হবে। এইচটিএমএলে "নির্বাচিত = নির্বাচিত" প্রয়োজন নেই। উপর উদাহরণ w3.org/wiki/HTML/Elements/select , developer.mozilla.org/en-US/docs/HTML/Element/select একটি মান উল্লেখ করে না। গুরুত্বপূর্ণ বিষয়টি লক্ষ্য করার বিষয়টি হ'ল এটি selected="false"অনুমোদিত নয় এবং selected=""এটি নির্বাচিত করে তোলে। বিকল্পগুলি বাছাই না করার একমাত্র উপায় হ'ল বৈশিষ্ট্যটি সরানো। w3.org/html/wg/drafts/html/master/…

— হুয়ান মেন্ডেস

আমি কখনই বুঝতে পারি না যে এরকম প্রশ্নগুলি কীভাবে উত্সাহিত হয়। তারা ঠিক এখনও সঠিক উত্তরের মতো .. 2 বছর পরে এলওল

— ফিল

Answer 6

আপনি যদি কোনও ফর্ম থেকে মানগুলি ব্যবহার করতে এবং এটি পিএইচপি দিয়ে গতিশীল রাখতে চান

<form action="../<SamePage>/" method="post">


<?php
    $selected = $_POST['select'];
?>

<select name="select" size="1">

  <option <?php if($selected == '1'){echo("selected");}?>>1</option>
  <option <?php if($selected == '2'){echo("selected");}?>>2</option>

</select>
</form>

Answer 7

আমি এটি পছন্দ করি:

<select>
   <option selected hidden>Choose here</option>
   <option value="1">One</option>
   <option value="2">Two</option>
   <option value="3">Three</option>
   <option value="4">Four</option>
   <option value="5">Five</option>
</select>

একটি বিকল্প নির্বাচন করার পরে 'এখানে চয়ন করুন' অদৃশ্য হয়ে যায়।

Comments

আমি এটি চেষ্টা করেছিলাম তবে "এখানে চয়ন করুন" প্রদর্শিত হয় না। প্রথম বিকল্পটি খালি

— বোগদান ম্যাটস

আপনি কোন ব্রাউজার ব্যবহার করছেন?

— চঙ লিপ ফাং

আমি গুগল ক্রোম ব্রাউজার সংস্করণ 52.0.2743.116 মি ব্যবহার করছি

— বোগদান

আমি সেই ব্রাউজারটিও ব্যবহার করছি এবং কোনও সমস্যা অনুভব করছি না।

— চঙ ঠোঁট ফাং

value=""আপনাকে খালি মূল্য পাওয়ার আশ্বাস দেওয়ার জন্য যোগ করার বিষয়টি বিবেচনা করুন ।

— রায়ান ওয়ালটন

Answer 8

নোবিটার উত্তরের উন্নতি । এছাড়াও 'এখানে চয়ন করুন' উপাদানটি লুকিয়ে আপনি ড্রপ ডাউন তালিকার চাক্ষুষ দৃশ্যকে উন্নত করতে পারেন।

<select>
  <option selected disabled hidden>Choose here</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>

Answer 9

আমার মতে সেরা উপায়:

<select>
   <option value="" selected="selected" hidden="hidden">Choose here</option>
   <option value="1">One</option>
   <option value="2">Two</option>
   <option value="3">Three</option>
   <option value="4">Four</option>
   <option value="5">Five</option>
</select>

কেন অক্ষম?

আপনি যখন <button type="reset">Reset</button>মান সহ অক্ষম বৈশিষ্ট্য একসাথে ব্যবহার করেন তখন মূল স্থানধারকটিতে পুনরায় সেট করা হয় না। পরিবর্তে ব্রাউজার প্রথমে অক্ষম বিকল্পটি বেছে নিন যা ব্যবহারকারীর ভুলের কারণ হতে পারে।

ডিফল্ট খালি মান

প্রতিটি উত্পাদন ফর্মের বৈধতা থাকে, তবে খালি মান কোনও সমস্যা হওয়া উচিত নয়। এইভাবে আমাদের খালি প্রয়োজন নেই নির্বাচন করতে পারে।

এক্সএইচটিএমএল সিনট্যাক্স বৈশিষ্ট্য

selected="selected"এক্সএইচটিএমএল এবং এইচটিএমএল উভয়ের সাথে সামঞ্জস্যপূর্ণ হওয়ার একমাত্র উপায় সিনট্যাক্স। এটি সঠিক এক্সএমএল সিনট্যাক্স এবং কিছু সম্পাদক এ সম্পর্কে খুশি হতে পারে। এটি আরও পিছিয়ে সামঞ্জস্যপূর্ণ। আমার এ সম্পর্কে দৃ strong় অনুভূতি নেই, তবে উপরে বর্ণিত যুক্তিগুলি যদি আপনার প্রয়োজনীয়তা হয় তবে আপনার সম্পূর্ণ বাক্য গঠনটি অনুসরণ করা উচিত।

Comments

এটি আমার জন্য পুরো বিকল্পটি গোপন করে

— অ্যাডেল নামানি

@ ADELNAMANI আপনি কি আপনার কোডের লিঙ্কটি সরবরাহ করতে পারেন? আমার ধারণা আপনার সমস্যাটি আমার উত্তরটির সাথে সম্পর্কিত নয়।

— মিশা মাইলেক

Answer 10

আরেকটি উদাহরণ; একটি নির্বাচিত বিকল্প সেট করতে জাভাস্ক্রিপ্ট ব্যবহার করে।

(আপনি এই উদাহরণটি কোনও ড্রপ ডাউন উপাদানগুলিতে লুপের জন্য মান ব্যবহার করতে পারেন)

<select id="yourDropDownElementId"><select/>

// Get the select element
var select = document.getElementById("yourDropDownElementId");
// Create a new option element
var el = document.createElement("option");
// Add our value to the option
el.textContent = "Example Value";
el.value = "Example Value";
// Set the option to selected
el.selected = true;
// Add the new option element to the select element
select.appendChild(el);

Comments

যে el.selected = "selected";ডাব্লু 3 মান মেনে চলতে হবে না ?

— 7yl4r

@ 7yl4r নং ডাব্লু 3 সি selectedদ্বারা সংজ্ঞায়িত হিসাবে একটি বুলিয়ান সম্পত্তি - w3.org/TR/html401/interact/forms.html `17.6.1 প্রাক-নির্বাচিত বিকল্পগুলি নির্বাচিত [সিআই] - সেট করা থাকলে, এই বুলিয়ান বৈশিষ্ট্যটি উল্লেখ করে যে এই বিকল্পটি প্রাক-নির্বাচিত `` ব্যবহারের জন্য আরও তথ্যের জন্য ডাব্লু 3 সি স্কুলগুলি দেখুন - w3schools.com/jsref/prop_option_selected.asp

— অ্যালি

Answer 11

নির্বাচিত অ্যাট্রিবিউট একটি বুলিয়ান বৈশিষ্ট্য।

উপস্থিত থাকাকালীন, এটি নির্দিষ্ট করে যে পৃষ্ঠাটি লোড হওয়ার পরে কোনও বিকল্প প্রাক-নির্বাচিত হওয়া উচিত।

প্রাক-নির্বাচিত বিকল্পটি প্রথমে ড্রপ-ডাউন তালিকায় প্রদর্শিত হবে।

<select>
  <option value="volvo">Volvo</option>
 <option value="saab">Saab</option>
 <option value="vw">VW</option>
 <option value="audi" selected>Audi</option> 
</select> 

Answer 12

আপনি যদি প্রতিক্রিয়া ব্যক্ত করেন তবে আপনি নির্বাচিত ট্যাগের defaultValueপরিবর্তে অ্যাট্রিবিউট হিসাবে ব্যবহার করতে পারেন value।

Answer 13

আপনি যদি কৌণিক 1 দিয়ে সিলেক্ট ব্যবহার করছেন, তবে আপনার এনজি-থিম ব্যবহার করা উচিত, অন্যথায়, দ্বিতীয় বিকল্পটি নির্বাচন করা হবে না, এনজি-মডেল ডিফল্ট নির্বাচিত মানকে ওভাররাইড করে

<select ng-model="sortVar" ng-init='sortVar="stargazers_count"'>
  <option value="name">Name</option>
  <option selected="selected" value="stargazers_count">Stars</option>
  <option value="language">Language</option>
</select>

Answer 14

আমি এই পিএইচপি ফাংশনটি বিকল্পগুলি উত্পন্ন করতে ব্যবহার করেছি এবং এটি আমার এইচটিএমএলে প্রবেশ করিয়েছি

<?php
  # code to output a set of options for a numeric drop down list
  # parameters: (start, end, step, format, default)
  function numericoptions($start, $end, $step, $formatstring, $default)
  {
    $retstring = "";
    for($i = $start; $i <= $end; $i = $i + $step)
    {
      $retstring = $retstring . '<OPTION ';
      $retstring = $retstring . 'value="' . sprintf($formatstring,$i) . '"';
      if($default == $i)
      {
        $retstring = $retstring . ' selected="selected"';
      }
      $retstring = $retstring . '>' . sprintf($formatstring,$i) . '</OPTION> ';
    }

  return $retstring;
  }

?>

এবং তারপরে আমার ওয়েবপেজ কোডে আমি এটি নীচের মতো ব্যবহার করি;

<select id="endmin" name="endmin">
  <?php echo numericoptions(0,55,5,'%02d',$endmin); ?>
</select>

যদি পৃষ্ঠাটি লোড হওয়ার পরে এন্ডমিন একটি _POST ভেরিয়েবল থেকে তৈরি করা হয় (এবং এই কোডটি কোনও ফর্মের মধ্যে রয়েছে যা পোস্ট করে) তবে পূর্বনির্ধারিত মানটি ডিফল্টরূপে নির্বাচন করা হয়।

Answer 15

ট্যাগটির মান বৈশিষ্ট্য অনুপস্থিত, সুতরাং এটি আপনি পছন্দসইভাবে নির্বাচিত হিসাবে প্রদর্শিত হবে না। ডিফল্টরূপে প্রথম বিকল্পটি ড্রপডাউন পৃষ্ঠা লোডে প্রদর্শন করুন, যদি মান বৈশিষ্ট্যটি ট্যাগে সেট করা থাকে .... আমি আমার সমস্যাটি এভাবে সমাধান করেছি

Answer 16

এই কোডটি পিএইচপি সহ HTML নির্বাচন উপাদানগুলির জন্য ডিফল্ট মান সেট করে।

<select name="hall" id="hall">
<?php
    $default = 3;
    $nr = 1;
    while($nr < 10){
        if($nr == $default){
            echo "<option selected=\"selected\">". $nr ."</option>";
        }
        else{
            echo "<option>". $nr ."</option>";
        }
        $nr++;
    }
?>
</select>

Answer 17

তুমি ব্যবহার করতে পার:

<option value="someValue" selected>Some Value</option>

পরিবর্তে,

<option value="someValue" selected = "selected">Some Value</option>

উভয়ই সমানভাবে সঠিক।

Answer 18

আমি কেবল প্রথম নির্বাচিত বিকল্পটি ডিফল্ট মানটি করে কেবল এইচটিএমএল 5 এর নতুন "লুকানো" বৈশিষ্ট্য সহ ড্রপডাউনে সেই মানটি আড়াল করব। এটার মত:

   <select name="" id="">
     <option hidden value="default">Select An Option</option>
     <option value="1">One</option>
     <option value="2">Two</option>
     <option value="3">Three</option>
     <option value="4">Four</option>
   </select>

Answer 19

আমি নিজেই এটি ব্যবহার করি

<select selected=''>
    <option value=''></option>
    <option value='1'>ccc</option>
    <option value='2'>xxx</option>
    <option value='3'>zzz</option>
    <option value='4'>aaa</option>
    <option value='5'>qqq</option>
    <option value='6'>wwww</option>
</select>

Answer 20

আপনাকে কেবল উপাদান নির্বাচন করতে সরাসরি পরিবর্তে একটি নির্দিষ্ট বিকল্পে "নির্বাচিত" এ্যাট্রিবিউট লাগাতে হবে।

বিভিন্ন মান সহ একই এবং একাধিক কাজের উদাহরণের জন্য এখানে স্নিপেট।

   Select Option 3 :- 
   <select name="hall" id="hall">
    <option>1</option>
    <option>2</option>
    <option selected="selected">3</option>
    <option>4</option>
    <option>5</option>
   </select>
   
   <br/>
   <br/>
   <br/>
   Select Option 5 :- 
   <select name="hall" id="hall">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option selected="selected">5</option>
   </select>
   
    <br/>
   <br/>
   <br/>
   Select Option 2 :- 
   <select name="hall" id="hall">
    <option>1</option>
    <option selected="selected">2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
   </select>

Answer 21

নির্বাচিত = "নির্বাচিত" সেট করুন যেখানে বিকল্প মান 3 হয়

নীচে উদাহরণ দেখুন

<option selected="selected" value="3" >3</option>

Comments

ফায়ারফক্সে, এটি পৃষ্ঠা পুনরায় লোডে কাজ করবে না

— সেবাস্তিয়ান

আমার সিস্টেমে ফায়ারফক্সে এটির কাজ

— আকবরের ২

Answer 22

সমস্যাটি <select>হ'ল এটি বর্তমানে যা রেন্ডার করা হয়েছে তার রাজ্যের সাথে এটি কখনও কখনও সংযোগ বিচ্ছিন্ন হয়ে যায় এবং অপশন তালিকায় যদি কিছু পরিবর্তন না হয় তবে কোনও পরিবর্তন মান ফিরে আসে না। তালিকা থেকে প্রথম বিকল্পটি নির্বাচন করার চেষ্টা করার সময় এটি সমস্যা হতে পারে। নিম্নলিখিত কোডটি প্রথমবার নির্বাচিত প্রথম-বিকল্পটি পেতে পারে, তবে onchange="changeFontSize(this)"এটি নিজের দ্বারা তা গ্রহণ করবে না। উপরোক্ত পদ্ধতিগুলির মধ্যে একটি ডামি বিকল্প ব্যবহার করে ব্যবহারকারীকে আসল প্রথম মানটি বাছাইয়ের জন্য পরিবর্তন মান তৈরি করতে বাধ্য করা হয়েছে, যেমন খালি মান দিয়ে তালিকা শুরু করা। দ্রষ্টব্য: অনক্লিকটি দু'বার ফাংশনটিতে কল করবে, নিম্নলিখিত কোডটি দেয় না, তবে প্রথমবারের সমস্যার সমাধান করে।

<label>Font Size</label>
<select name="fontSize" id="fontSize" onfocus="changeFontSize(this)" onchange="changeFontSize(this)">           
    <option value="small">Small</option>
    <option value="medium">Medium</option>
    <option value="large">Large</option>
    <option value="extraLarge">Extra large</option>
</select>

<script>
function changeFontSize(x){
    body=document.getElementById('body');
    if (x.value=="extraLarge") {
        body.style.fontSize="25px";
    } else {
        body.style.fontSize=x.value;
    }
}
</script>

Answer 23

আমি কৌণিক ব্যবহার করি এবং আমি এর দ্বারা ডিফল্ট বিকল্প সেট করি

এইচটিএমএল টেমপ্লেট

<select #selectConnection [(ngModel)]="selectedVal" class="form-control  col-sm-6 "  max-width="100px"   title="Select" 
      data-size="10"> 
        <option  >test1</option>
        <option >test2</option>      
      </select>

লিপি:

sselectedVal:any="test1";

Answer 24

এইভাবে আমি এটি ...

<form action="../<SamePage>/" method="post">

<?php
    if ( $_POST['drop_down'] == "")
    {
    $selected = "";
    }
    else
    {
    $selected = "selected";
    }
?>

<select name="select" size="1">

  <option value="1" <?php $selected ?>>One</option>
     ////////  OR  ////////
  <option value="2" $selected>Two</option>

</select>
</form>

Comments

এই সমাধানটির কিছুটা অসঙ্গত বলে মনে হচ্ছে। যদি উপাদানটির নাম "নির্বাচন করুন" হয় তবে $ _POST ভেরিয়েবল কীটি "নির্বাচন" হওয়া উচিত নয় - "ড্রপডাউন" কোথা থেকে আসে? এছাড়াও, ধরে নিলাম যে এটি একটি ত্রুটি ছিল এবং এটি আসলে একটি মানের জন্য $ _POST ['সিলেক্ট'] ভেরিয়েবল পরীক্ষা করে দেখছে যে কোনও খালি শূন্য মান সত্য হয়ে যাবে এবং এইভাবে সমস্ত <বিভাগ> আইটেমগুলিকে "নির্বাচিত" হিসাবে চিহ্নিত করা হবে। সম্ভবত আমি এই উত্তরের অবিচ্ছেদ্য কিছু মিস করছি?

— রায়ান

Answer 25

আপনি এই মত চেষ্টা করতে পারেন

  <select name="hall" id="hall">
      <option>1</option>
      <option>2</option>
      <option selected="selected">3</option>
      <option>4</option>
      <option>5</option>
    </select>

Answer 26

এইচটিএমএল স্নিপেট:

<select data-selected="public" class="form-control" name="role">
    <option value="public">
        Pubblica
    </option>
    <option value="user">
        Utenti
    </option>
    <option value="admin">
        Admin
    </option>
</select>

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

document.querySelectorAll('[data-selected]').forEach(e => {
   e.value = e.dataset.selected
});

Answer 27

Upstream System:
<select name=upstream id=upstream>
<option value="SYBASE">SYBASE ASE
<option value="SYBASE_IQ">SYBASE_IQ
<option value="SQLSERVER">SQLSERVER
</select>
<script>
var obj=document.getElementById("upstream");
for (var i=0;i<obj.length;i++){if(obj.options[i].value==="SYBASE_IQ")obj.selectedIndex=i;}
</script>