मूल्य विशेषता पर <select> टैग डिफ़ॉल्ट विकल्प

Question

का चयन नहीं

शायद मैं यहाँ गलत समझ रही है, लेकिन निम्नलिखित एचटीएमएल दिया:

<select value="2"> 
    <option value="1">Something</option> 
    <option value="2">Something else</option> 
</select> 

मैं उम्मीद करेंगे "कुछ और" डिफ़ॉल्ट चयनित विकल्प हो सकता है। हालांकि, ऐसा प्रतीत नहीं होता है। यह क्यों है, और मुझे अलग-अलग क्या करना चाहिए?

Answer 1

विकल्प विकल्प में चयन करने का एकमात्र तरीका डिफ़ॉल्ट विकल्प है।

<SELECT> 
<OPTION>Something 
<OPTION SELECTED>Something Else 

Answer 2

आप डिफ़ॉल्ट विकल्प निर्दिष्ट करने के लिए एक option तत्व पर selected विशेषता का उपयोग।

<select> 
    <option value="1">Something</option> 
    <option value="2" selected="selected">Something else</option> // this is default 
</select> 

select elements do not have a value attribute.

Answer 3

<select> तत्व एक value विशेषता ताकि नजरअंदाज कर दिया है नहीं है। तो, आपके पास एक ही चयन <select> है और इसके <option> तत्वों में से कोई भी selected विशेषता नहीं है, जिसका अर्थ है कि पहले <option> को डिफ़ॉल्ट चयन के रूप में लिया जाता है।

Answer 4

जे एस प्रतिक्रिया

ऐसे ReactJS के रूप में कुछ कोडिंग कार्यान्वयन आप <select> टैग के साथ एक value विशेषता का उपयोग करने तो यह पूरी तरह से वैध कोड होगा अनुमति देते हैं:

<select value="2"> 
    <option value="1">Something</option> 
    <option value="2">Something else</option> 
</select> 

गुण न्यूनतम के साथ HTML:

बेशक, आमतौर पर आप राज्य में मूल्य निर्दिष्ट करना चाहते हैं, तो था यह अद्यतन करने योग्य है।

हालांकि, अगर आप विशुद्ध रूप से उपयोग कर रहे हैं HTML आप निम्नानुसार अपने <option> टैग में selected विशेषता का उपयोग करना होगा:

<select> 
    <option value="1">Something</option> 
    <option value="2" selected>Something else</option> 
</select> 

पूर्ण गुण विशिष्टता के साथ HTML:

ऊपर का उपयोग करता है विशेषता न्यूनीकरण, लेकिन यदि आप चाहें तो आप पूर्ण फॉर्म भी निर्दिष्ट कर सकते हैं:

<select> 
    <option value="1">Something</option> 
    <option value="2" selected="selected">Something else</option> 
</select> 

Answer 5

मुझे पता है कि यह पोस्ट काफी पुराना है, लेकिन यदि कोई और इसके साथ संघर्ष कर रहा है तो आप jquery का उपयोग कर कार्यक्षमता को कार्यान्वित कर सकते हैं।

php का उपयोग कर पूर्ण कोड इस

पीएचपी

if ($_SERVER['REQUEST_METHOD']== "POST") { 
$thing = $_POST['things']; 
} else { 
$thing =""; 
} 

एचटीएमएल

<select name='things' value="<?php echo $thing; ?>"> 
    <option value="1">Something</option> 
    <option value="2">Something else</option> 
</select> 

jQuery

की तरह कुछ होगा

$(function() { 
    $("select[value]").each(function() { 
     $(this).val(this.getAttribute("value")); 
    }); 
}); //end document ready 

यह को चयनित मूल्यों को को डिफ़ॉल्ट मानों पर लौटने के बजाय पोस्ट के माध्यम से पुनः लोड होने के बाद चयनित विकल्पों को चुनने देगा।