ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLのに変換する際の選択属性の詳細説明

HTMLのに変換する際の選択属性の詳細説明

黄舟
リリース: 2017-07-03 10:08:49
オリジナル
2051 人が閲覧しました

1.概念の紹介

stust1 html:select、html:optionを含むhtmlタグの使用、詳細は以下の通りです

は、Web ページ上に選択リストを生成するために使用されます。通常、

<html:select property="test
String
" size="1">
    <html:option value="value1">Show Value1</html:option>
    <html:option value="value2">Show Value2</html:option>
    <html:option value="value3">Show Value3</html:option>
    <:html:submit property="submit" value="提交"/> </html:select>
ログイン後にコピー


ここで、 property は、選択リストと ActionForm 内の対応するプロパティ名を表します。ユーザーが「送信」をクリックすると、ユーザーが選択したオプションの値がテスト ページに表示されます。コードの実行結果は次のとおりです:

Show Value1 Show Value2 Show Value3

には、同時に表示されるオプションの数を示す size 属性があります。上の例では、サイズが 1 の場合、一度に 1 つのオプションのみが表示されます。 multiple 属性もあり、これが true の場合、選択リストで複数の選択が可能になります。ユーザーはマウスをドラッグするか、Ctrl キーを押したままにして、複数の選択を実行できます。

以下は multiple="true" と size="8" の例です

value1 value2 value3 value4 value5 value6 value7 value8 value9 value10

multiple 属性が true の場合、ActionForm の対応する属性は array である必要がありますtype ユーザーが選択した複数の値を同時に割り当てるため。

タグは タグのオプションであり、各 は選択ボックスのオプションを表します。次のコードを示します。

<html:select property="testString" size="1">
    <html:option value="value1">Show Value1</html:option>
    <html:option value="value2">Show Value2</html:option>
    <html:option value="value3">Show Value3</html:option>
</html:select>
ログイン後にコピー


オプションには 2 つの重要な部分があります。 1 つ目はユーザーに表示するコンテンツで、次の方法で指定できます:

    <html:option value="value1">Show Value1</html:option>
ログイン後にコピー

ご覧のとおり、2 つの の間の部分は、ユーザーに表示されるコンテンツを表すために使用されます。もちろん、 の key 属性と Bundle 属性を使用して、ユーザーに表示されるコンテンツを表すリソース ファイル内のコンテンツを指定することもできます。このうち、バンドル属性とキー属性の使用方法については、「設定ファイル」の該当する章を参照してください。

もう 1 つの重要なコンテンツは、ActionForm に渡す値です。これはタグの value 属性によって指定されます。上記の例のように、value の値はそれぞれ value1、value2、value3 です。ユーザーが特定のタグを選択すると、JSP ページはそのタグに対応する値を ActionForm の対応する属性に渡します。

以下は実行中の効果です:

Show Value1 Show Value2 Show Value3
ログイン後にコピー

2. 言えない秘密

<html:option></html:option>转化成<option></option>时加了selected属性,RTFSC,看源码

if(selectTag().isMatched(value))
    results.append(" selected=\"selected\"");



public boolean isMatched(String value)
            {
/* <-MISALIGNED-> */ /* 126*/        if(match == null || value == null)
/* <-MISALIGNED-> */ /* 127*/            return false;
/* <-MISALIGNED-> */ /* 130*/        for(int i = 0; i < match.length; i++)
/* <-MISALIGNED-> */ /* 131*/            if(value.equals(match[i]))
/* <-MISALIGNED-> */ /* 132*/                return true;
/* <-MISALIGNED-> */ /* 135*/        return false;
            }



if(value != null)
                {/* 234*/            match = new String[1];
/* 235*/            match[0] = value;
                } else
                {
/* 238*/            Object bean = TagUtils.getInstance().lookup(super.pageContext, name, null);
/* 239*/            if(bean == null)
                    {/* 240*/                JspException e = new JspException(messages.getMessage("getter.bean", name));


/* 243*/                TagUtils.getInstance().saveException(super.pageContext, e);
/* 244*/                throw e;
                    }


/* 248*/            try
                    {
/* <-MISALIGNED-> */ /* 248*/                match = BeanUtils.getArrayProperty(bean, property);    //获取form中的select的value值
/* <-MISALIGNED-> */ /* 249*/                if(match == null)
/* <-MISALIGNED-> */ /* 250*/                    match = new String[0];
                    }
/* 254*/            catch(IllegalAccessException e)
                    {
/* <-MISALIGNED-> */ /* 254*/                TagUtils.getInstance().saveException(super.pageContext, e);
/* <-MISALIGNED-> */ /* 255*/                throw new JspException(messages.getMessage("getter.access", property, name));
                    }
ログイン後にコピー

3. 未解決の問題、html:option を使用してデフォルトの選択を設定する方法、selected 属性がありません HTMLの<html:option></html:option>を<option></option>に変換する際の選択属性の詳細説明

以上がHTMLのに変換する際の選択属性の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート