2017-11-16 9 views
0

プログラムでリストビュー項目を選択するにはどうすればよいですか?プログラムでリストビュー項目を選択するにはどうすればよいですか?

私は、次のリストビューがあります。

listview = 
    select [ Html.Events.on "change" (Json.Decode.map InputContentType Html.Events.targetValue) ] 
     [ option [ value "instructions" ] [ text "Content Type" ] 
     , option [ value "Article" ] [ text "Article" ] 
     , option [ value "Video" ] [ text "Video" ] 
     , option [ value "Answer" ] [ text "Answer" ] 
     , option [ value "Podcast" ] [ text "Podcast" ] 
     ] 

アップデート:

私は、下記の投稿の答えを組み込むと、次のようにソリューションを更新:

(isArticle, isVideo, isAnswer, isPodcast) = 
      if hasText "youtube.com" then 
       (False, True, False, False) 
      else if hasText "vimeo.com" then 
       (False, True, False, False) 
      else if hasText "wordpress.com" then 
       (True, False, False, False) 
      else if hasText "medium.com" then 
       (True, False, False, False) 
      else if hasText "stackoverflow.com" then 
       (False, False, True, False) 
      else 
       (False, False, False, False) 

     listview = 
      select [ Html.Events.on "change" (Json.Decode.map InputContentType Html.Events.targetValue) ] 
       [ option [ value "instructions" ] [ text "Content Type" ] 
       , option [ value "Article", selected isArticle ] [ text "Article" ] 
       , option [ value "Video", selected isVideo ] [ text "Video" ] 
       , option [ value "Answer", selected isAnswer ] [ text "Answer" ] 
       , option [ value "Podcast", selected isPodcast ] [ text "Podcast" ] 
       ] 

答えて

3

あなたが使用することができますHtml.Attributes.selectedは、optionの1つをプログラムで選択する機能を持っています。 Boolを受け入れるので、Trueになるといつでもoptionが選択されます。

listview = 
    select [ Html.Events.on "change" (Json.Decode.map InputContentType Html.Events.targetValue) ] 
     [ option [ value "instructions" ] [ text "Content Type" ] 
     , option [ value "Article", selected True ] [ text "Article" ] 
     , option [ value "Video" ] [ text "Video" ] 
     , option [ value "Answer" ] [ text "Answer" ] 
     , option [ value "Podcast" ] [ text "Podcast" ] 
     ] 
関連する問題